关于 claude-d3js-skill
指导使用 D3.js 构建定制、交互式及出版级可视化的技能，适用于复杂布局与交互，并指出 3D 可视化应考虑 Three.js。
主要功能
- 01定制视觉编码与布局
- 02交互式平移、缩放和刷选
- 03网络图与层级图
- 04定制地理投影
- 05动画过渡与精细样式
适用场景
- 01构建力导向网络可视化
- 02创建采用定制投影的地理图表
- 03制作出版级定制图表
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/claude-d3js-skill确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
assets/chart-template.jsxinteractive-template.jsxsample-data.jsonreferences/colour-schemes.mdd3-patterns.mddetailed-guide.mdscale-reference.md详细介绍
D3.js 可视化
详细指南
在执行此技能之前，请先阅读详细指南。该指南保留了完整的流程和参考资料。请将其安全性、前置条件和验证要求视为强制要求。对于针对性工作，加载相关章节；对于端到端工作，请完整阅读该指南。
何时使用 d3.js
在以下情况下使用 d3.js：
- 需要独特视觉编码或布局的自定义可视化
- 具有复杂平移、缩放或刷选行为的交互式探索
- 网络/图可视化（力导向布局、树状图、层次结构、和弦图）
- 使用自定义投影的地理可视化
- 需要流畅、精心编排的过渡效果的可视化
- 具有细粒度样式控制的出版级图形
- 标准库中不提供的新颖图表类型
在以下情况下考虑替代方案：
- 3D 可视化 - 改用 Three.js
限制
- 仅当任务明确符合上述范围时，才使用此技能。
- 不要将输出视为特定环境验证、测试或专家审查的替代品。
- 如果缺少必需的输入、权限、安全边界或成功标准，请停止并请求澄清。
评论
支持 Markdown