Zurück zu Fähigkeiten

echarts

vamseeachanta
Aktualisiert Yesterday
3
2
3
Auf GitHub ansehen
Anderechartsechartsapacheinteractivetypescriptmobile

Über

Diese Fähigkeit ermöglicht es Entwicklern, interaktive Diagramme mit Apache ECharts zu erstellen und bietet eine Balance zwischen Benutzerfreundlichkeit und tiefgreifender Anpassbarkeit. Sie unterstützt eine Vielzahl von Diagrammtypen, TypeScript, große Datensätze und mobile Responsiveness. Nutzen Sie sie, wenn Sie leistungsstarke, anpassbare Datenvisualisierung für Webanwendungen benötigen.

Schnellinstallation

Claude Code

Empfohlen
Primär
npx skills add vamseeachanta/workspace-hub -a claude-code
Plugin-BefehlAlternativ
/plugin add https://github.com/vamseeachanta/workspace-hub
Git CloneAlternativ
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/echarts

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

GitHub Repository

vamseeachanta/workspace-hub
Pfad: .claude/skills/data/visualization/echarts
0

Verwandte Skills

d3js

Andere

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.

Skill ansehen

plotly-with-pandas

Andere

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

Skill ansehen

plotly-vertical-legends-avoid-toolbar-clash

Andere

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

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