LogoClawIndex
案例技能关于
LogoClawIndex

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

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

标签

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

能力

典型输入

典型输出

该技能可以做什么

  • 创建自定义可视化
  • 将数据绑定到 DOM 元素
  • 构建比例尺和坐标轴
  • 实现图表布局
  • 添加平移缩放和刷选
  • 创建响应式图表
  • 应用视觉过渡

输入

  • 图表数据
  • DOM 或 SVG 容器
  • JavaScript 框架上下文

输出

  • 渲染的数据可视化
  • SVG 或 DOM 图表元素
  • 响应式图表更新

要求

  • JavaScript 运行环境
  • D3.js 依赖
  • DOM 和 SVG 支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
创建自定义可视化
将数据绑定到 DOM 元素
构建比例尺和坐标轴
实现图表布局
图表数据
DOM 或 SVG 容器
JavaScript 框架上下文
渲染的数据可视化
SVG 或 DOM 图表元素
响应式图表更新