plotly

Create interactive scientific and analytical charts with Plotly (JavaScript & Python)

5 stars

byvamseeachanta

View on GitHub Installation ↓

Best use case

plotly is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Create interactive scientific and analytical charts with Plotly (JavaScript & Python)

Teams using plotly should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

You only need a quick one-off answer and do not need a reusable workflow.
You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/plotly/SKILL.md --create-dirs "https://raw.githubusercontent.com/vamseeachanta/workspace-hub/main/.agents/skills/data/visualization/plotly/SKILL.md"

Manual Installation

Download SKILL.md from GitHub
Place it in .claude/skills/plotly/SKILL.md inside your project
Restart your AI agent — it will auto-discover the skill

How plotly Compares

Feature / Agent	plotly	Standard Approach
Platform Support	Not specified	Limited / Varies
Context Awareness	High	Baseline
Installation Complexity	Unknown	N/A

Frequently Asked Questions

What does this skill do?

Create interactive scientific and analytical charts with Plotly (JavaScript & Python)

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Plotly

## When to Use This Skill

Use Plotly when you need:
- **Scientific visualizations** - 3D plots, contours, heatmaps
- **Statistical charts** - Box plots, violin plots, histograms
- **Large datasets** - Efficient rendering of 100k+ points with WebGL
- **Python/R integration** - Seamless integration with data science workflows
- **Quick interactive plots** - High-level API with sensible defaults
- **Dashboards** - Interactive dashboards with Plotly Dash

**Avoid when:**
- Maximum customization needed (use D3.js)
- Extremely simple charts (use Chart.js)
- File size is critical concern

## Resources

- **Official Docs**: https://plotly.com/python/
- **JavaScript Docs**: https://plotly.com/javascript/
- **Dash Docs**: https://dash.plotly.com/
- **Gallery**: https://plotly.com/python/plotly-express/
- **GitHub**: https://github.com/plotly/plotly.py

## Sub-Skills

- [1. JavaScript Implementation (+1)](1-javascript-implementation/SKILL.md)
- [1. Use Plotly Express for Quick Plots (+4)](1-use-plotly-express-for-quick-plots/SKILL.md)
- [With Pandas (+2)](with-pandas/SKILL.md)

## Sub-Skills

- [Example 1: 3D Scatter Plot (+5)](example-1-3d-scatter-plot/SKILL.md)
- [Dashboard with Plotly Dash](dashboard-with-plotly-dash/SKILL.md)
- [Vertical Legends (Avoid Toolbar Clash) (+5)](vertical-legends-avoid-toolbar-clash/SKILL.md)
- [Basic Charts (+5)](basic-charts/SKILL.md)
- [JavaScript (CDN) (+2)](javascript-cdn/SKILL.md)
- [Performance Tips](performance-tips/SKILL.md)
- [HTML (Recommended for Reports) (+2)](html-recommended-for-reports/SKILL.md)
- [Built-in Templates (+1)](built-in-templates/SKILL.md)