Plotly 交互式图表技能（Interactive Plotly Visualizations）

技能简介

Plotly 是一款专注于交互式数据可视化的 AI 技能，适配 Claude、Codex、Claude Code 等编程助手。Plotly 的图表 API 功能强大但选项繁多，开发者常常在「该选哪种图」「如何配置交互」「怎样导出」上反复试错。这款技能把 Plotly 的选型逻辑、交互配置与导出策略浓缩成一套清晰的指引与示例，让 AI 助手能够直接产出配置得当、可直接使用的交互式图表，而不是让用户在一堆参数中摸索。

核心能力

1. 智能选型建议：根据图表复杂度与自定义需求，推荐使用 Plotly Express 还是 graph objects。
2. 全类型图表覆盖：指导生成统计图、科学图、金融图、地理图、层级图与 3D 图形。
3. 布局与样式细节：讲解子图、模板、配色、坐标轴、图例、注释、形状与响应式布局。
4. 交互能力配置：覆盖悬停详情、选区、控件、范围滑块与动画图形的配置方法。
5. 多格式导出：支持交互式 HTML 与静态 PNG、JPEG、WebP、SVG、PDF 等导出选项。
6. 多环境工作流：提供 Jupyter、浏览器、Dash 以及多图仪表盘的实现模式。

安装配置

1. 准备可用的 Python 环境，并单独安装 Plotly 库。
2. 通过 Skillstore 安装技能：npx skillstore add davila7/plotly。
3. 如需导出静态图片，请安装 Kaleido；较新版本的 Kaleido 需要 Chrome 或 Chromium 支持。

使用步骤

1. 准备数据：在 pandas DataFrame 中整理好待可视化的数据。
2. 生成基础图表：让技能基于数据列生成合适的 Plotly Express 图表，并加上标签与标题。
3. 分组对比：需要区分多组数据时，让它加入颜色编码、悬停详情与可读的图例。
4. 美化与排版：让技能对图表进行子图编排、配色、坐标轴、注释与响应式布局的打磨。
5. 导出交付：根据用途选择合适的导出设置（如是否内嵌库、图片尺寸、缩放比例），输出 HTML 或静态图片。

适用场景

• 实验结果探索：用交互式散点图、热力图、分布图与 3D 曲面做科学分析。
• 业务指标呈现：为周期报表制作清晰的时间序列、金融、对比与层级图表。
• 交互式仪表盘开发：组合样式化子图、控件、悬停详情与响应式行为，用于 Web 应用。
• 数据分析教学：用可交互图表直观演示数据关系，提升讲解效果。

适用人群

数据分析师、数据科学家、科研工作者、前端与全栈开发者，以及需要制作交互式图表和仪表盘的产品与运营团队。

工作原理

该技能以结构化的 Plotly 使用知识为基础，把「选型—配置—排版—导出」的决策路径整理成可执行的指引。当用户提出可视化需求时，AI 会依据数据特征与场景推荐合适的图表类型和 API 写法，再逐步补齐交互、样式与导出参数。它提供指引与示例，但不检查数据质量，也不验证分析结论是否正确。

官方链接

• Skillstore 页面：https://skillstore.io/skills/davila7-plotly
• 源码仓库：https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/scientific/plotly
• 安装命令：npx skillstore add davila7/plotly
• 许可协议：MIT