·visualizing-data
{}

visualizing-data

ancoleman/ai-design-components

Erstellt Dashboards, Berichte und datengesteuerte Schnittstellen, die Diagramme, Grafiken oder visuelle Analysen erfordern. Bietet einen systematischen Rahmen für die Auswahl geeigneter Visualisierungen basierend auf Datenmerkmalen und Analysezwecken. Enthält mehr als 24 Visualisierungstypen, die nach Zweck (Trends, Vergleiche, Verteilungen, Beziehungen, Flüsse, Hierarchien, Geodaten), Zugänglichkeitsmustern (WCAG 2.1 AA-Konformität), farbenblindsicheren Paletten und Strategien zur Leistungsoptimierung organisiert sind. Verwenden Sie es beim Erstellen von Visualisierungen, beim Auswählen von Diagrammtypen, beim grafischen Anzeigen von Daten oder beim Entwerfen von Datenschnittstellen.

13Installationen·0Trend·@ancoleman

Installation

$npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data

SKILL.md

Systematic guidance for selecting and implementing effective data visualizations, matching data characteristics with appropriate visualization types, ensuring clarity, accessibility, and impact.

Data visualization transforms raw data into visual representations that reveal patterns, trends, and insights. This skill provides:

| Compare values | Bar Chart, Lollipop Chart | | Show trends | Line Chart, Area Chart | | Reveal distributions | Histogram, Violin Plot, Box Plot | | Explore relationships | Scatter Plot, Bubble Chart | | Explain composition | Treemap, Stacked Bar, Pie Chart (<6 slices) | | Visualize flow | Sankey Diagram, Chord Diagram |

Erstellt Dashboards, Berichte und datengesteuerte Schnittstellen, die Diagramme, Grafiken oder visuelle Analysen erfordern. Bietet einen systematischen Rahmen für die Auswahl geeigneter Visualisierungen basierend auf Datenmerkmalen und Analysezwecken. Enthält mehr als 24 Visualisierungstypen, die nach Zweck (Trends, Vergleiche, Verteilungen, Beziehungen, Flüsse, Hierarchien, Geodaten), Zugänglichkeitsmustern (WCAG 2.1 AA-Konformität), farbenblindsicheren Paletten und Strategien zur Leistungsoptimierung organisiert sind. Verwenden Sie es beim Erstellen von Visualisierungen, beim Auswählen von Diagrammtypen, beim grafischen Anzeigen von Daten oder beim Entwerfen von Datenschnittstellen. Quelle: ancoleman/ai-design-components.

Original anzeigen

Fakten (zitierbereit)

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

Installationsbefehl
npx skills add https://github.com/ancoleman/ai-design-components --skill visualizing-data
Kategorie
{}Datenanalyse
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist visualizing-data?

Erstellt Dashboards, Berichte und datengesteuerte Schnittstellen, die Diagramme, Grafiken oder visuelle Analysen erfordern. Bietet einen systematischen Rahmen für die Auswahl geeigneter Visualisierungen basierend auf Datenmerkmalen und Analysezwecken. Enthält mehr als 24 Visualisierungstypen, die nach Zweck (Trends, Vergleiche, Verteilungen, Beziehungen, Flüsse, Hierarchien, Geodaten), Zugänglichkeitsmustern (WCAG 2.1 AA-Konformität), farbenblindsicheren Paletten und Strategien zur Leistungsoptimierung organisiert sind. Verwenden Sie es beim Erstellen von Visualisierungen, beim Auswählen von Diagrammtypen, beim grafischen Anzeigen von Daten oder beim Entwerfen von Datenschnittstellen. Quelle: ancoleman/ai-design-components.

Wie installiere ich visualizing-data?

Ö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/ancoleman/ai-design-components --skill visualizing-data Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/ancoleman/ai-design-components