viz▌

This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js. D3.js (Data-Driven Documents) excels at binding data to DOM elements and applying data-driven transformations to create custom, publication-quality visualisations with precise control over every visual element. The techniques work across any JavaScript environment, including vanilla JavaScript, React, Vue, Svelte, and other frameworks.

This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js. D3.js (Data-Driven Documents) excels at binding data to DOM elements and applying data-driven transformations to create custom, publication-quality visualisations with precise control over every visual element. The techniques work across any JavaScript environment, including vanilla JavaScript, React, Vue, Svelte, and other frameworks.

Custom, interactive data visualisations with fine-grained control over visual elements, transitions, and interactions. \n \n Covers core d3 patterns including scales, axes, data binding, and transitions across bar charts, line charts, scatter plots, chord diagrams, heatmaps, force-directed networks, and more \n Two integration approaches: direct DOM manipulation for complex interactive visualisations, or declarative rendering via your framework (React, Vue, Svelte, vanilla JS) \n Includes respon

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.