关于
This skill provides the CDN script tag to embed Plotly.js directly into web projects for interactive data visualizations. It's ideal for developers needing quick client-side charting without build tools or npm dependencies. The skill also includes complementary installation commands for Python/R Plotly backends.
快速安装
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-javascript-cdn在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
常见问题
什么是 plotly-javascript-cdn Skill?
plotly-javascript-cdn 是一个 Claude Skill,作者为 vamseeachanta。Skill 将 Claude 按需加载的说明和资源打包,让 Claude 无需额外提示即可执行与 plotly-javascript-cdn 相关的任务。
如何安装 plotly-javascript-cdn?
使用本页的安装命令:将 plotly-javascript-cdn 作为插件添加到 Claude Code,或将其仓库克隆到 skills 目录,然后重启 Claude 以加载该 Skill。
plotly-javascript-cdn 属于哪个分类?
plotly-javascript-cdn 属于其他分类。
plotly-javascript-cdn 可以免费使用吗?
可以。plotly-javascript-cdn 已收录在 AIMCP,可免费安装。
相关推荐技能
这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化,适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果,并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时,这是理想选择。
Highcharts Skill让开发者能够创建企业级交互式图表,特别适合需要金融股票图表和地图可视化的场景。它提供丰富的图表类型、无障碍访问支持和专业导出功能,适用于生产环境的可视化需求。开发者可以快速构建符合WCAG标准的专业图表,满足金融、商业等领域的复杂数据展示要求。
该Skill为Highcharts的Boost模块,专门用于优化海量数据集的渲染性能。它通过启用GPU加速和预分配内存等技术,显著提升包含数万甚至数百万数据点的图表交互速度。开发者只需引入boost.js并配置相应参数,即可在数据密集型可视化场景中获得流畅体验。
该Skill提供了Highcharts图表主题定制功能,让开发者能快速应用统一的视觉样式。通过Highcharts.setOptions()方法,可集中配置颜色方案、背景、字体等核心设计元素。适用于需要批量定制或统一品牌化图表场景,提升数据可视化的一致性和开发效率。
