d3js-1-use-proper-margins-convention
关于
This skill provides D3.js best practices for proper margin conventions and code organization. It shows how to define margins, calculate inner dimensions, and structure SVG elements with method chaining. Use it when creating D3 visualizations to ensure clean, maintainable code with proper spacing.
快速安装
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/d3js-1-use-proper-margins-convention在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
d3js
其他这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化，适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果，并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时，这是理想选择。
plotly-javascript-cdn
其他该Skill提供了Plotly JavaScript库的CDN链接，帮助开发者快速在网页中集成Plotly数据可视化功能。它适用于需要在浏览器端直接渲染交互式图表的前端项目，无需本地安装。同时包含Python和R的安装指南，方便全栈开发者跨语言使用Plotly。
highcharts-theming
其他该Skill提供了Highcharts图表主题定制功能，让开发者能快速应用统一的视觉样式。通过Highcharts.setOptions()方法，可集中配置颜色方案、背景、字体等核心设计元素。适用于需要批量定制或统一品牌化图表场景，提升数据可视化的一致性和开发效率。
echarts-typescript-support
其他这个Skill为ECharts提供TypeScript类型支持，帮助开发者在Claude Code中获得完整的类型提示和自动补全。它包含了EChartsOption等核心类型定义，确保图表配置的类型安全。开发者可以像在本地IDE中一样，享受TypeScript带来的开发体验提升和错误预防能力。