d3js
关于
This skill enables developers to create fully customized, interactive data visualizations using D3.js, offering complete control over SVG elements and data binding. It's ideal for building unique, complex charts with sophisticated transitions and interactions that standard libraries can't achieve. Use it when you need bespoke, data-driven visualizations rather than simple, pre-styled charts.
快速安装
Claude Code
推荐npx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/d3js在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
plotly-vertical-legends-avoid-toolbar-clash
其他这个Skill解决了Plotly图表中顶部水平图例与工具栏冲突的问题，通过将图例垂直放置在右侧来优化布局。它提供了具体的代码配置，包括边距调整和紧凑的垂直间距设置，确保图例与交互工具不重叠。特别适用于多求解器对比等复杂图表场景，通过"标题优先"的轨迹排序方式，使图例分组更清晰易用。
chartjs-1-use-responsive-containers
其他这个Skill提供了Chart.js图表实现响应式设计的关键代码示例。它展示了如何通过容器设置和配置选项使图表自适应不同屏幕尺寸，并包含销毁重建图表的最佳实践。开发者可以快速复制这些代码片段来确保数据可视化在不同设备上正确显示。
plotly-with-pandas
其他该Skill提供了Plotly与Pandas、NumPy及Jupyter Notebook集成的核心代码示例，帮助开发者快速创建数据可视化。它特别适用于需要将数据分析结果（如CSV数据或NumPy数组）转换为交互式图表的工作流。关键特性包括Plotly Express的简洁API调用和在Jupyter环境中的直接显示支持。
highcharts-1-basic-line-chart
其他这是一个用于创建基础折线图的Highcharts子技能，提供了完整的HTML实现模板。开发者可以直接复制代码快速生成带有标题、坐标轴和单数据系列的可视化图表。适用于需要在网页中嵌入简单销售趋势或数据变化展示的场景。