d3-viz

SKILL.md

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,...

All modules (scales, axes, shapes, transitions, etc.) are accessible through the d3 namespace.

Pattern A: Direct DOM manipulation (recommended for most cases) Use d3 to select DOM elements and manipulate them imperatively. This works in any JavaScript environment:

Création de visualisations de données interactives à l'aide de d3.js. Cette compétence doit être utilisée lors de la création de tableaux, de graphiques, de diagrammes de réseau, de visualisations géographiques ou de toute visualisation de données complexe basée sur SVG qui nécessite un contrôle précis sur les éléments visuels, les transitions ou les interactions. Utilisez-le pour des visualisations sur mesure au-delà des bibliothèques de graphiques standard, que ce soit dans React, Vue, Svelte, Vanilla JavaScript ou tout autre environnement. Source : xfstudio/skills.

Voir l'original