highcharts-1-basic-line-chart
关于
This Claude skill provides a ready-to-use Highcharts implementation for creating basic line charts with minimal setup. It includes a complete HTML template with configurable data series, axes, and labels that developers can directly copy and modify. Use this skill when you need to quickly generate or explain simple time-series or categorical data visualizations in web applications.
快速安装
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/highcharts-1-basic-line-chart在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
d3js
其他这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化,适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果,并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时,这是理想选择。
plotly-vertical-legends-avoid-toolbar-clash
其他这个Skill解决了Plotly图表中顶部水平图例与工具栏冲突的问题,通过将图例垂直放置在右侧来优化布局。它提供了具体的代码配置,包括边距调整和紧凑的垂直间距设置,确保图例与交互工具不重叠。特别适用于多求解器对比等复杂图表场景,通过"标题优先"的轨迹排序方式,使图例分组更清晰易用。
chartjs-chartjs-zoom-plugin
其他这个Skill为Chart.js图表提供了缩放和平移功能,让用户可以交互式地探索数据细节。它支持通过鼠标滚轮、拖拽和手势进行缩放操作,特别适合处理大型数据集或需要详细查看特定数据范围的场景。开发者只需安装并注册插件,即可在图表选项中配置缩放行为。
plotly-with-pandas
其他该Skill提供了Plotly与Pandas、NumPy及Jupyter Notebook集成的核心代码示例,帮助开发者快速创建数据可视化。它特别适用于需要将数据分析结果(如CSV数据或NumPy数组)转换为交互式图表的工作流。关键特性包括Plotly Express的简洁API调用和在Jupyter环境中的直接显示支持。
