Plotly Interactive Visualization
Teaches Claude to build interactive Plotly charts, 3D plots, and multi-panel dashboards with production-ready code.
Data & AnalyticsIntermediate★ 342⑂ 34AI score 9/10Last updated: Aug 21, 2026
What it does
- Picks the right API for the job: Plotly Express for one-line DataFrame charts, Graph Objects for fine-grained control.
- Covers 40+ chart types — scatter, bar, heatmap, 3D surface, violin, choropleth maps, animations.
- Builds multi-panel dashboards with
make_subplotsand exports to interactive HTML or PNG/PDF/SVG via kaleido. - Adds practical guidance (templates,
scalefor print DPI, custom hovertemplates, range sliders) plus a troubleshooting table.
Who it's for
- Data analysts and researchers who want to explore pandas DataFrames with zoom and hover tooltips.
- Anyone needing clean, annotated figures for slides or paper supplementary material.
- Teams sharing results as self-contained HTML files that open in any browser.
Example uses
- "Compare control vs treatment distributions" → overlaid histogram with marginal box plot and a violin plot with points.
- "Plot a gene correlation matrix heatmap with the upper triangle masked, save PNG at 2x" →
px.imshowcode ready to run. - "Make an animated scatter by year and a time series with a range slider as HTML" → uses
animation_frameandrangeslider_visible.
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/jaechang-hits/SciAgent-Skills/HEAD/legacy/plotly-interactive-visualization/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the legacy/plotly-interactive-visualization folder from the GitHub repo jaechang-hits/SciAgent-Skills into my ~/.claude/skills/plotly-interactive-visualization/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/jaechang-hits/SciAgent-Skills.git /tmp/SciAgent-Skills && mkdir -p ~/.claude/skills && cp -r /tmp/SciAgent-Skills/legacy/plotly-interactive-visualization ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open a terminal.
- Clone the repository:
git clone https://github.com/jaechang-hits/SciAgent-Skills.git - Create the skills folder:
mkdir -p ~/.claude/skills - Copy the skill in:
cp -r SciAgent-Skills/legacy/plotly-interactive-visualization ~/.claude/skills/ - Install the Python dependencies:
pip install plotly kaleido pandas numpy - Restart Claude Code and ask something like "use Plotly to build an interactive scatter plot from this CSV".
View source on GitHub ↗License: NOASSERTION