什么是 claude-d3js-skill?
使用 d3.js 创建交互式数据可视化。在创建自定义图表、图形、网络图、地理可视化或任何复杂的基于 SVG 的数据可视化时,应该使用此技能... 来源:sickn33/antigravity-awesome-skills。
使用 d3.js 创建交互式数据可视化。在创建自定义图表、图形、网络图、地理可视化或任何复杂的基于 SVG 的数据可视化时,应该使用此技能...
通过命令行快速安装 claude-d3js-skill AI 技能到你的开发环境
来源:sickn33/antigravity-awesome-skills。
This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js. D3.js (Data-Driven Documents) excels at binding data to DOM elements and applying data-driven transformations to create custom, publication-quality visualisations with precise control over every visual element. The techniques work across any JavaScript environment, including vanilla JavaScript, React, Vue, Svelte,...
All modules (scales, axes, shapes, transitions, etc.) are accessible through the d3 namespace.
Pattern A: Direct DOM manipulation (recommended for most cases) Use d3 to select DOM elements and manipulate them imperatively. This works in any JavaScript environment:
使用 d3.js 创建交互式数据可视化。在创建自定义图表、图形、网络图、地理可视化或任何复杂的基于 SVG 的数据可视化时,应该使用此技能... 来源:sickn33/antigravity-awesome-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill claude-d3js-skill使用 d3.js 创建交互式数据可视化。在创建自定义图表、图形、网络图、地理可视化或任何复杂的基于 SVG 的数据可视化时,应该使用此技能... 来源:sickn33/antigravity-awesome-skills。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill claude-d3js-skill 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/sickn33/antigravity-awesome-skills