Creates interactive, publication-quality data visualizations and custom SVG graphics using D3.js.
This skill equips Claude with the expertise to design and implement sophisticated, data-driven documents using D3.js. It provides specialized guidance for creating everything from standard responsive charts to complex layouts like chord diagrams, heatmaps, and force-directed graphs. By leveraging best practices for data binding, scales, and transitions, it allows for the creation of bespoke visualizations that offer fine-grained control over every visual element, ensuring high-performance interactions across vanilla JavaScript and modern frameworks like React, Vue, and Svelte.
Características Principales
01Responsive design implementations using ResizeObserver and bounding boxes
02Advanced layouts including chord diagrams, heatmaps, and scatter plots
030 GitHub stars
04Sophisticated data-driven transitions and interactive axes
05Bespoke SVG visualization construction with precise element control
06Framework-agnostic integration patterns for React, Vue, and Svelte
Casos de Uso
01Creating complex relational network diagrams or hierarchical trees
02Developing custom interactive dashboards with unique visual encodings
03Building responsive, publication-quality geographic maps and projections
