关于 d3-visualization
d3-visualization 是面向 Agent 的 D3.js 可视化技能，通过图表示例与技术指导帮助生成交互式图形，适用于数据报告和原型。
主要功能
- 01生成 D3 图表
- 02制作交互式可视化
- 03涵盖多种图表类型
- 04提供图表技术示例
适用场景
- 01制作编辑类仪表板
- 02为报告添加数据图表
- 03构建数据丰富的原型
- 04生成解释性图形
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/d3-visualization确认已加载。
详细介绍
d3-visualization
精选自 @jiannanya。
功能
教会 Agent 制作 D3 图表和交互式数据可视化。这是一项全面的 D3.js 技能，包含各种图表类型和技术的示例，让 Agent 掌握专家级知识，以生成复杂的交互式可视化。适用于编辑部仪表板、报告、数据丰富的原型和说明性图形。
来源
- 上游项目：https://github.com/jiannanya/snow-d3/
- 类别：
diagrams
使用方法
此目录条目会在 OpenDesign 中介绍这项技能，以便 Agent 在规划时发现它。若要运行完整的上游工作流，并使用其原始资源、脚本和参考文档，请将上游资源包安装到当前 Agent 的技能目录中：
# Inspect the upstream README for exact paths
open https://github.com/jiannanya/snow-d3/
# Clone or copy the snow-d3/ folder into your workspace's skills/ directory
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3
然后，要求 Agent 按名称（d3-visualization）调用这项技能，或使用此技能 frontmatter 中列出的某个触发短语，例如：
“为我的销售数据创建一个可缩放的矩形树图” “像示例 07 那样构建一个力导向网络图，但使用我自己的数据集” “使用 D3 生成日历热力图”
评论
支持 Markdown