LogoClawIndex
案例技能关于
LogoClawIndex

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

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

标签

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

能力

典型输入

典型输出

该技能可以做什么

  • 创建自定义可视化
  • 将数据绑定到 DOM
  • 构建图表比例尺
  • 渲染坐标轴和图形
  • 添加平移和缩放
  • 实现响应式尺寸
  • 创建网络图
  • 创建地理可视化
  • 添加动画过渡

输入

  • 图表数据
  • DOM 容器
  • JavaScript 环境
  • 可视化尺寸

输出

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

要求

  • 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 容器
JavaScript 环境
渲染后的可视化
SVG 元素
交互式图表行为