D3 Viz
Skill VeraltetErstellung interaktiver Datenvisualisierungen mit d3.js. Diese Fähigkeit sollte verwendet werden, wenn benutzerdefinierte Diagramme, Graphen, Netzwerkdiagramme, geografische Visualisierungen oder komplexe SVG-basierte Datenvisualisierungen erstellt werden, die eine präzise Steuerung von visuellen Elementen, Übergängen oder Interaktionen erfordern. Verwenden Sie dies für maßgeschneiderte Visualisierungen, die über Standard-Charting-Bibliotheken hinausgehen, sei es in React, Vue, Svelte, reinem JavaScript oder jeder anderen Umgebung.
Benutzern zu ermöglichen, anspruchsvolle, benutzerdefinierte und interaktive Datenvisualisierungen mit d3.js zu erstellen und eine präzise Steuerung über Standard-Charting-Bibliotheken hinaus zu bieten.
Funktionen
- Anleitungen zu d3.js-Einrichtungs- und Integrationsmustern
- Codebeispiele für verschiedene Diagrammtypen (Balken, Linien, Streu, Akkord, Heatmap usw.)
- Implementierung von Interaktivität (Tooltips, Zoom, Klick)
- Techniken für reaktionsfähige Größenanpassung und Animationen
- Best Practices für Datenaufbereitung, Leistung und Barrierefreiheit
Anwendungsfälle
- Erstellung von maßgeschneiderten Diagrammen und Graphen, die über Standardbibliotheken hinausgehen
- Entwicklung komplexer SVG-basierter Visualisierungen mit benutzerdefinierten Layouts
- Implementierung interaktiver Elemente wie Schwenk-, Zoom- oder Bürstenverhalten
- Erstellung von Netzwerkdiagrammen, geografischen Visualisierungen oder choreografierten Übergängen
Nicht-Ziele
- Erstellung von 3D-Visualisierungen (empfiehlt stattdessen Three.js)
- Bereitstellung von vorgefertigten Diagrammen für einfache Anwendungsfälle (fördert die Anpassung)
- Handhabung von Aufgaben außerhalb der Erstellung von d3.js-Visualisierungen
Wartung
- warning:Aktualität der CommitsDer letzte Commit liegt über 8 Monate zurück (Oktober 2025), was auf eine potenzielle Veralterung und ein Risiko hinweist, falls sich d3.js oder das damit verbundene Ökosystem erheblich weiterentwickelt haben.
Versionierung
- warning:Release-ManagementEs sind keine expliziten Versionsinformationen (wie Semver im Frontmatter oder GitHub Releases) vorhanden, und Installationsanweisungen könnten standardmäßig auf `main` verweisen, was eine Versionsfixierung erschwert.
Installation
npx skills add chrisvoncsefalvay/claude-d3js-skillFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
D3 Viz
98Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.
Data Visualization
97Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative
Data Visualizer
99Create marketing visualizations from data. Use when: creating charts for reports; visualizing campaign performance; generating dashboards; presenting data insights; exporting charts for presentations
Measure Dashboard Requirements
100Specifies requirements for an analytics dashboard including metrics, visualizations, filters, and data sources. Use when requesting dashboards from data teams, defining KPI tracking, or documenting reporting needs.
Alterlab Nmc Data Journalist
100This skill should be used when the user asks about "data journalism", "data visualization", "data storytelling", "FOIA request", "RTI request", "spreadsheet analysis", "chart design", "act as a data journalist", "data journalist mode", "infographic", "open data", "statistical analysis for journalism", "investigative data", "public records", "Datawrapper", "Flourish", "Tableau Public", "D3.js", "chart type selection", or needs expertise in finding, analyzing, and visualizing data for journalistic storytelling. Part of the AlterLab FC Skills collection (New Media & Communication department).
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation