chart-visualization

Skill zur Diagrammvisualisierung

Dieser Skill bietet einen umfassenden Workflow zur Umwandlung von Daten in visuelle Diagramme. Er kümmert sich um die Diagrammauswahl, Parameterextraktion und Bildgenerierung.

Workflow

Um Daten zu visualisieren, befolgen Sie diese Schritte:

1. Intelligente Diagrammauswahl

Analysieren Sie die Datenmerkmale des Benutzers, um den am besten geeigneten Diagrammtyp zu bestimmen. Verwenden Sie die folgenden Richtlinien (und konsultieren Sie references/ für detaillierte Spezifikationen):

• Zeitreihen: Verwenden Sie generate_line_chart (Trends) oder generate_area_chart (akkumulierte Trends). Verwenden Sie generate_dual_axes_chart für zwei unterschiedliche Skalen.
• Vergleiche: Verwenden Sie generate_bar_chart (kategorial) oder generate_column_chart. Verwenden Sie generate_histogram_chart für Häufigkeitsverteilungen.
• Teil-zu-Ganzes: Verwenden Sie generate_pie_chart oder generate_treemap_chart (hierarchisch).
• Beziehungen & Fluss: Verwenden Sie generate_scatter_chart (Korrelation), generate_sankey_chart (Fluss) oder generate_venn_chart (Überlappung).
• Karten: Verwenden Sie generate_district_map (Regionen), generate_pin_map (Punkte) oder generate_path_map (Routen).
• Hierarchien & Bäume: Verwenden Sie generate_organization_chart oder generate_mind_map.
• Spezialisiert:
  • generate_radar_chart: Mehrdimensionale Vergleiche.
  • generate_funnel_chart: Prozessstufen.
  • generate_liquid_chart: Prozent/Fortschritt.
  • generate_word_cloud_chart: Texthäufigkeit.
  • generate_boxplot_chart oder generate_violin_chart: Statistische Verteilung.
  • generate_network_graph: Komplexe Knoten-Kanten-Beziehungen.
  • generate_fishbone_diagram: Ursache-Wirkungs-Analyse.
  • generate_flow_diagram: Prozessablauf.
  • generate_spreadsheet: Tabellendaten oder Pivot-Tabellen für strukturierte Datenanzeige und Kreuztabellierung.

2. Parameterextraktion

Sobald ein Diagrammtyp ausgewählt ist, lesen Sie die entsprechende Datei im Verzeichnis references/ (z.B. references/generate_line_chart.md), um die erforderlichen und optionalen Felder zu identifizieren. Extrahieren Sie die Daten aus der Benutzereingabe und ordnen Sie sie dem erwarteten args-Format zu.

3. Diagrammgenerierung

Rufen Sie das Skript scripts/generate.js mit einem JSON-Payload auf.

Payload-Format:

{
  "tool": "generate_chart_type_name",
  "args": {
    "data": [...],
    "title": "...",
    "theme": "...",
    "style": { ... }
  }
}

Ausführungsbefehl:

node ./scripts/generate.js '<payload_json>'

4. Ergebnisrückgabe

Das Skript gibt die URL des generierten Diagrammbildes aus. Geben Sie dem Benutzer Folgendes zurück:

• Die Bild-URL.
• Die vollständigen args (Spezifikation), die für die Generierung verwendet wurden.

Referenzmaterial

Detaillierte Spezifikationen für jeden Diagrammtyp befinden sich im Verzeichnis references/. Konsultieren Sie diese Dateien, um sicherzustellen, dass die an das Skript übergebenen args dem erwarteten Schema entsprechen.

Lizenz

Diese SKILL.md wird bereitgestellt von antvis/chart-visualization-skills. Lizenziert unter der MIT-Lizenz.