Zurück zu Fähigkeiten

d3js

majiayu000
Aktualisiert 23 days ago
19 Ansichten
58
9
58
Auf GitHub ansehen
Anderechartsd3svginteractivecustom-viz

Über

Diese Fähigkeit ermöglicht es Entwicklern, vollständig angepasste, interaktive Datenvisualisierungen mit D3.js zu erstellen und bietet volle Kontrolle über SVG-Elemente und Datenbindung. Sie ist ideal zum Erstellen einzigartiger, komplexer Diagramme mit anspruchsvollen Übergängen und Interaktionen, die Standardbibliotheken nicht erreichen können. Nutzen Sie sie, wenn Sie maßgeschneiderte, datengesteuerte Visualisierungen benötigen, anstatt einfache, vorgefertigte Diagramme.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add majiayu000/claude-skill-registry -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternativ
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/d3js

Kopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren

GitHub Repository

majiayu000/claude-skill-registry
Pfad: skills/data/d3js
0

Verwandte Skills

plotly-javascript-cdn

Andere

Diese Fähigkeit stellt das CDN-Script-Tag bereit, um Plotly.js direkt in Webprojekte einzubinden und interaktive Datenvisualisierungen zu ermöglichen. Sie ist ideal für Entwickler, die schnelles clientseitiges Charting ohne Build-Tools oder npm-Abhängigkeiten benötigen. Die Fähigkeit beinhaltet zudem ergänzende Installationsbefehle für Python/R Plotly-Backends.

Skill ansehen

highcharts-theming

Andere

Diese Fähigkeit ermöglicht es Entwicklern, benutzerdefinierte visuelle Themes auf Highcharts-Visualisierungen anzuwenden. Sie stellt Referenzcode für die globale Konfiguration von Farben, Hintergründen, Schriftarten und anderen Stiloptionen mittels `Highcharts.setOptions()` bereit. Nutzen Sie diese Fähigkeit, wenn Sie ein einheitliches Branding oder Styling über mehrere Diagramme in Ihrer Anwendung hinweg beibehalten müssen.

Skill ansehen

highcharts-boost-module-large-datasets

Andere

Diese Highcharts-Fähigkeit ermöglicht das Rendern großer Datensätze (tausende+ Punkte) mithilfe von WebGL-Beschleunigung für verbesserte Leistung. Sie beinhaltet das Boost-Modul für GPU-optimiertes Rendering sowie Anmerkungen und Drill-down-Funktionen für interaktive Datenexploration. Verwenden Sie diese Funktion, wenn Sie riesige Datensätze visualisieren, bei denen Standard-Rendering zu Leistungsproblemen führen würde.

Skill ansehen

echarts-typescript-support

Andere

Diese Fähigkeit bietet TypeScript-Typdefinitionen und Beispiele für die Verwendung von ECharts-Diagrammen in TypeScript-Projekten. Sie beinhaltet den Typ `EChartsOption` für typsichere Diagrammkonfiguration und demonstriert korrekte Importe und Initialisierung. Nutzen Sie diese Referenz beim Erstellen von Datenvisualisierungen mit ECharts in TypeScript, um Autovervollständigung und Typprüfung zu erhalten.

Skill ansehen