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:

Erstellen interaktiver Datenvisualisierungen mit d3.js. Diese Fertigkeit sollte beim Erstellen benutzerdefinierter Diagramme, Grafiken, Netzwerkdiagramme, geografischer Visualisierungen oder komplexer SVG-basierter Datenvisualisierungen verwendet werden, die eine detaillierte Kontrolle über visuelle Elemente, Übergänge oder Interaktionen erfordern. Verwenden Sie dies für maßgeschneiderte Visualisierungen, die über Standard-Diagrammbibliotheken hinausgehen, sei es in React, Vue, Svelte, Vanilla JavaScript oder einer anderen Umgebung. Quelle: chrisvoncsefalvay/claude-d3js-skill.

Original anzeigen