d3js
Über
Diese Fähigkeit ermöglicht es Entwicklern, vollständig benutzerdefinierte, interaktive Datenvisualisierungen mit D3.js zu erstellen und bietet vollständige Kontrolle über jedes visuelle Element und komplexe Benutzerinteraktionen. Sie ist ideal für den Aufbau einzigartiger, maßgeschneiderter Diagramme, die in Standardbibliotheken nicht verfügbar sind, und für die Implementierung anspruchsvoller datengesteuerter DOM-Manipulationen und Animationen. Verwenden Sie sie, wenn maximale Anpassungsfähigkeit erforderlich ist, aber vermeiden Sie sie für einfache Diagramme, bei denen schnellere Lösungen wie Chart.js ausreichen würden.
Schnellinstallation
Claude Code
Empfohlennpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/d3jsKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
d3js
AndereDiese 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.
plotly-with-pandas
AndereDiese Fähigkeit bietet Plotly-Integration mit Pandas für optimierte Datenvisualisierung aus DataFrames. Sie ermöglicht das direkte Plotten von CSV-Daten und beinhaltet NumPy-Kompatibilität für mathematische Visualisierungen. Nutzen Sie sie bei der Arbeit mit tabellarischen Daten in Jupyter-Umgebungen, wenn interaktive Diagramme benötigt werden.
plotly-vertical-legends-avoid-toolbar-clash
AndereDiese Fähigkeit bietet Plotly-Layout-Konfigurationen, um Legenden vertikal auf der rechten Seite zu positionieren und Überlappungen mit der horizontalen Werkzeugleiste zu vermeiden. Sie beinhaltet spezifische Randanpassungen und ein kompaktes Styling, um ausreichend Platz für die Legende zu gewährleisten. Die Fähigkeit empfiehlt außerdem eine Strategie zur Reihenfolge der Datenreihen für Diagramme mit mehreren Datensätzen, um Legendeneinträge logisch zu gruppieren.
highcharts-1-basic-line-chart
AndereDiese Claude-Fähigkeit bietet eine einsatzbereite Highcharts-Implementierung zur Erstellung einfacher Liniendiagramme mit minimalem Aufwand. Sie enthält eine vollständige HTML-Vorlage mit konfigurierbaren Datenreihen, Achsen und Beschriftungen, die Entwickler direkt kopieren und anpassen können. Nutzen Sie diese Fähigkeit, wenn Sie schnell einfache Zeitreihen- oder Kategorisierungs-Datenvisualisierungen in Webanwendungen erstellen oder erklären müssen.