Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
Back to list

Plotly Interactive Visualization

Teaches Claude to build interactive Plotly charts, 3D plots, and multi-panel dashboards with production-ready code.

Data & AnalyticsIntermediate34234AI 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_subplots and exports to interactive HTML or PNG/PDF/SVG via kaleido.
  • Adds practical guidance (templates, scale for 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

  1. "Compare control vs treatment distributions" → overlaid histogram with marginal box plot and a violin plot with points.
  2. "Plot a gene correlation matrix heatmap with the upper triangle masked, save PNG at 2x" → px.imshow code ready to run.
  3. "Make an animated scatter by year and a time series with a range slider as HTML" → uses animation_frame and rangeslider_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)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Download 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.

  1. Open a terminal.
  2. Clone the repository: git clone https://github.com/jaechang-hits/SciAgent-Skills.git
  3. Create the skills folder: mkdir -p ~/.claude/skills
  4. Copy the skill in: cp -r SciAgent-Skills/legacy/plotly-interactive-visualization ~/.claude/skills/
  5. Install the Python dependencies: pip install plotly kaleido pandas numpy
  6. Restart Claude Code and ask something like "use Plotly to build an interactive scatter plot from this CSV".
View source on GitHubLicense: NOASSERTION