Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions.
Install
npx skills add davila7/claude-code-templates --skill d3-viznpx skills add davila7/claude-code-templates --skill d3-viz -a claude-code -gnpx skills add davila7/claude-code-templates --skill d3-viz -a codex -ggemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/creative-design/claude-d3js-skillgh skill install davila7/claude-code-templates d3-vizgit clone --depth 1 https://github.com/davila7/claude-code-templates /tmp/davila7__claude-code-templates
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/claude-d3js-skill ~/.claude/skills/d3-viz # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/creative-design/claude-d3js-skill ~/.agents/skills/d3-viz # Codex, Cursor, Gemini CLI, Copilot, OpenCode