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 elements
- Build interactive charts
- Implement pan and zoom
- Create network visualisations
- Create geographic visualisations
- Add smooth transitions
- Support responsive sizing
Inputs
- Visualisation data
- DOM element or selector
- Chart dimensions
- Container size
Outputs
- Rendered SVG visualisation
- Interactive chart behaviour
- Responsive chart updates
Requirements
- JavaScript environment
- D3.js library
- DOM and SVG support