LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

claude-d3js-skill - 创建交互式 D3.js 数据可视化

提供使用 D3.js 在 JavaScript 环境和框架中创建复杂交互式数据可视化的指导。

标签

更新于: 2026-10-15
D3.js数据可视化JavaScriptSVG交互式图表响应式设计

能力

典型输入

典型输出

该技能可以做什么

  • 创建自定义可视化
  • 将数据绑定到 DOM 元素
  • 构建交互式图表
  • 实现平移和缩放
  • 创建网络可视化
  • 创建地理可视化
  • 添加平滑过渡
  • 支持响应式尺寸

输入

  • 可视化数据
  • DOM 元素或选择器
  • 图表尺寸
  • 容器尺寸

输出

  • 渲染的 SVG 可视化
  • 交互式图表行为
  • 响应式图表更新

要求

  • JavaScript 环境
  • D3.js 库
  • DOM 和 SVG 支持

来源

  • 规范: SKILL.md
创建自定义可视化
将数据绑定到 DOM 元素
构建交互式图表
实现平移和缩放
可视化数据
DOM 元素或选择器
图表尺寸
渲染的 SVG 可视化
交互式图表行为
响应式图表更新