claude-d3js-skill - Create interactive D3.js visualisations
Provides guidance for creating sophisticated, interactive data visualisations with D3.js across JavaScript environments and frameworks.
Tags
Updated: 2026-10-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create custom visualisations
- Bind data to DOM
- Build chart scales
- Render axes and shapes
- Add pan and zoom
- Implement responsive sizing
- Create network diagrams
- Create geographic visualisations
- Add animated transitions
Inputs
- Chart data
- DOM container
- JavaScript environment
- Visualisation dimensions
Outputs
- Rendered visualisation
- SVG elements
- Interactive chart behaviour
- Responsive chart updates
Requirements
- JavaScript environment
- D3.js library
- DOM and SVG support