·data-visualizer
{}

data-visualizer

Diagramme, Dashboards und Datenvisualisierungen mit Recharts, Chart.js und D3.js. Zum Erstellen von Diagrammen, Dashboards oder interaktiven Datenanzeigen. Verwendung für die Auswahl von Diagrammtypen, Daten-Storytelling, Anmerkungsmuster, responsives Design, Zugänglichkeit und Leistungsoptimierung.

20Installationen·2Trend·@oakoss

Installation

$npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer

So installieren Sie data-visualizer

Installieren Sie den KI-Skill data-visualizer schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: oakoss/agent-skills.

Build charts, dashboards, and interactive data visualizations using modern libraries. Covers Recharts (React), Chart.js (framework-agnostic), and D3.js (custom/advanced).

| Library | Best For | React | Custom | Bundle (gzip) |

| Recharts | Quick React charts, standard types | Native | Limited | 139KB | | Chart.js | Framework-agnostic, simple API | Wrapper | Moderate | 68KB (tree-shakeable) | | D3.js | Custom visualizations, full control | Manual | Full | 13-30KB per module |

Diagramme, Dashboards und Datenvisualisierungen mit Recharts, Chart.js und D3.js. Zum Erstellen von Diagrammen, Dashboards oder interaktiven Datenanzeigen. Verwendung für die Auswahl von Diagrammtypen, Daten-Storytelling, Anmerkungsmuster, responsives Design, Zugänglichkeit und Leistungsoptimierung. Quelle: oakoss/agent-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer
Kategorie
{}Datenanalyse
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from oakoss/agent-skills

Schnelle Antworten

Was ist data-visualizer?

Diagramme, Dashboards und Datenvisualisierungen mit Recharts, Chart.js und D3.js. Zum Erstellen von Diagrammen, Dashboards oder interaktiven Datenanzeigen. Verwendung für die Auswahl von Diagrammtypen, Daten-Storytelling, Anmerkungsmuster, responsives Design, Zugänglichkeit und Leistungsoptimierung. Quelle: oakoss/agent-skills.

Wie installiere ich data-visualizer?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/oakoss/agent-skills --skill data-visualizer Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/oakoss/agent-skills