plotly-1-javascript-implementation
关于
This skill provides Plotly.js implementation examples for creating interactive web charts in JavaScript. It includes ready-to-use code templates for basic visualizations like line charts with configurable traces and layouts. Use this when you need to embed Plotly visualizations directly in HTML/JavaScript applications with customization options.
快速安装
Claude Code
推荐npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/plotly-1-javascript-implementation在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
d3js
其他这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化，适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果，并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时，这是理想选择。
plotly-with-pandas
其他该Skill提供了Plotly与Pandas、NumPy及Jupyter Notebook集成的核心代码示例，帮助开发者快速创建数据可视化。它特别适用于需要将数据分析结果（如CSV数据或NumPy数组）转换为交互式图表的工作流。关键特性包括Plotly Express的简洁API调用和在Jupyter环境中的直接显示支持。
echarts-with-react
其他这个Skill为开发者提供了在React项目中集成ECharts图表的现成解决方案。它包含了一个可直接使用的React组件，自动处理图表初始化、选项更新和响应式布局。开发者只需传入ECharts配置选项，即可快速创建交互式数据可视化图表。
chartjs-1-use-responsive-containers
其他这个Skill提供了Chart.js图表实现响应式设计的关键代码示例。它展示了如何通过容器设置和配置选项使图表自适应不同屏幕尺寸，并包含销毁重建图表的最佳实践。开发者可以快速复制这些代码片段来确保数据可视化在不同设备上正确显示。