Skill UI

This skill provides comprehensive guidance on leveraging d3.js (Data-Driven Documents) to create sophisticated, interactive, and publication-quality data visualizations. It covers core concepts like data binding, implementing various chart types (network graphs, geo-maps, etc.), handling complex transitions, and ensuring responsiveness across modern JavaScript frameworks (React, Vue, Vanilla JS). Learn the standard workflow for scale definition, axis creation, and drawing custom visual elements with fine-grained control.

This skill provides guidance for creating sophisticated, interactive data visualizations using d3.js, including custom visual encodings, interactive explorations, network graphs, geographic visualizations, and animated transitions.

Create sophisticated interactive data visualisations using D3.js for custom charts, graphs, and network diagrams. This skill enables fine-grained control over SVG elements, transitions, and interactions across JavaScript environments like React, Vue, or vanilla JS. Ideal for bespoke visualisations beyond standard libraries.