d3-visualization

d3-visualization

热门

赋予 Agent 制作 D3 图表与交互式数据可视化的能力。这是一套全面的 D3.js Skill,内含涵盖各类图表类型与实现技巧的丰富示例,使 Agent 拥有生成复杂交互式可视化的专家级能力。非常适用于编辑级仪表盘、数据分析报告、高密度数据原型以及解释性图表制作。

8.4万Star
9805Fork
更新于 2026/8/7
SKILL.md
只读
名称
d3-visualization
描述

赋予 Agent 制作 D3 图表与交互式数据可视化的能力。这是一套全面的 D3.js Skill,内含涵盖各类图表类型与实现技巧的丰富示例,使 Agent 拥有生成复杂交互式可视化的专家级能力。非常适用于编辑级仪表盘、数据分析报告、高密度数据原型以及解释性图表制作。

d3-visualization

收录自 @jiannanya。

功能说明

赋予 Agent 制作 D3 图表与交互式数据可视化的能力。这是一套全面的 D3.js Skill,内含涵盖各类图表类型与实现技巧的丰富示例,使 Agent 拥有生成复杂交互式可视化的专家级能力。非常适用于编辑级仪表盘、数据分析报告、高密度数据原型以及解释性图表制作。

来源信息

使用指南

此目录条目在 Open Design 中对该 Skill 进行宣发,以便 Agent 在规划阶段能够自动发现并使用它。若要运行完整的上游工作流(包含原始资源、脚本和参考文档),请将上游 Skill 包安装至当前 Agent 的 skills 目录中:

# 查看上游 README 以获取准确路径
open https://github.com/jiannanya/snow-d3/

# 将 snow-d3/ 文件夹克隆或复制到工作区的 skills/ 目录下
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3

随后,只需要求 Agent 按名称(d3-visualization)或使用该 Skill 前置元数据(frontmatter)中列出的触发词来调用此 Skill,例如:

“帮我的销售数据生成一个可缩放的矩形树图(treemap)”
“参照示例 07 的样式,用我自己的数据集构建一个力导向网络图”
“用 D3 生成一个日历热力图”