Ein auf AntV basierender MCP-Server zur Diagrammerstellung, der über 25 Visualisierungsdiagrammtypen unterstützt.

MITTypeScriptmcp-server-chartantvis 2.4k Last Updated: August 11, 2025

MCP Server Chart – Projekteinführung

Projektübersicht

MCP Server Chart ist ein auf TypeScript basierender Modellkontextprotokoll (Model Context Protocol, MCP)-Server, der speziell für die Generierung verschiedener Arten von Visualisierungsdiagrammen mit der AntV-Diagrammbibliothek entwickelt wurde. Das Projekt bietet Entwicklern eine leistungsstarke Lösung zur Diagrammerstellung, die problemlos in verschiedene Anwendungen integriert werden kann.

Hauptmerkmale

🎯 Kernfunktionen

  • Vielfältige Diagrammunterstützung: Unterstützt über 25 verschiedene Diagrammtypen
  • TypeScript-Entwicklung: Typsicher, hohe Code-Wartbarkeit
  • MCP-Protokollkompatibilität: Entspricht dem Modellkontextprotokoll-Standard
  • AntV-Integration: Basiert auf der branchenführenden AntV-Visualisierungsbibliothek
  • Claude Desktop-Integration: Kann direkt in Claude Desktop verwendet werden
  • Dify-Plattformunterstützung: Unterstützt die Verwendung auf der Dify-Plattform

📊 Unterstützte Diagrammtypen

Grundlegende Diagrammtypen:

  • generate_area_chart - Flächendiagramm
  • generate_bar_chart - Balkendiagramm
  • generate_column_chart - Säulendiagramm
  • generate_line_chart - Liniendiagramm
  • generate_pie_chart - Kreisdiagramm
  • generate_scatter_chart - Streudiagramm
  • generate_histogram_chart - Histogramm

Erweiterte Diagrammtypen:

  • generate_dual_axes_chart - Diagramm mit zwei Achsen
  • generate_radar_chart - Radardiagramm
  • generate_treemap_chart - Baumdiagramm
  • generate_network_graph - Netzwerkdiagramm
  • generate_word_cloud_chart - Wortwolke

Professionelle Diagrammtypen:

  • generate_fishbone_diagram - Fischgrätendiagramm
  • generate_flow_diagram - Flussdiagramm
  • generate_mind_map - Mindmap

Jeder Diagrammtyp generiert das entsprechende Diagramm und gibt die Bild-URL zurück, um die Verwendung in verschiedenen Anwendungsszenarien zu erleichtern.

Technische Architektur

Entwicklungssprache und Framework

  • Hauptsprache: TypeScript
  • Protokollstandard: Model Context Protocol (MCP)
  • Diagrammbibliothek: AntV (Open-Source-Datenvisualisierungslösung der Ant Group)

Projektstruktur

Das Projekt folgt einer standardmäßigen MCP-Serverarchitektur und bietet standardisierte Tool-Schnittstellen für Client-Aufrufe.

Installation und Verwendung

Schnellstart

Methode 1: Verwendung von npx (empfohlen)

npx -y @antv/mcp-server-chart

Methode 2: Lokale Entwicklung

# Abhängigkeiten installieren
npm install

# Projekt erstellen
npm run build

# MCP-Server starten
npm run start

Claude Desktop-Integration

Bei der Verwendung in Claude Desktop muss die folgende Serverkonfiguration in der Konfigurationsdatei hinzugefügt werden:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}

Anwendungsszenarien

Datenvisualisierungsanwendungen

  • Dashboard-Entwicklung: Generierung von Echtzeit-Datenvisualisierungsdiagrammen für Management-Dashboards
  • Berichtssysteme: Automatische Generierung verschiedener statistischer Berichte und Analysediagramme
  • Datenanalyse: Bereitstellung schneller Diagrammerstellungsfunktionen für Datenwissenschaftler und Analysten

Webanwendungsintegration

  • Dynamische Diagrammerstellung: Dynamische Generierung von Diagrammen in Webanwendungen basierend auf Benutzeranforderungen
  • API-Dienst: Bereitstellung als Microservice zur Diagrammerstellung für andere Anwendungen
  • Content-Management-System: Bereitstellung von Diagrammerstellungsfunktionen für CMS-Systeme

AI-Anwendungserweiterung

  • Claude-Integration: Verbesserung der Datenvisualisierungsfähigkeiten von Claude
  • Intelligente Analyse: Kombination von KI-Modellen zur Datenanalyse und -visualisierung
  • Automatisierte Berichterstellung: Automatische Generierung von Analyseberichten mit Diagrammen

Technische Vorteile

Standardisiertes Protokoll

  • Entspricht dem MCP-Protokollstandard, um die Kompatibilität mit verschiedenen KI-Tools und -Plattformen zu gewährleisten
  • Bietet eine einheitliche Schnittstellenspezifikation zur einfachen Integration und Wartung

Hochwertige Diagrammbibliothek

  • Basiert auf der AntV-Diagrammbibliothek, um die Professionalität und Ästhetik der Diagramme zu gewährleisten
  • Unterstützt eine Vielzahl von Diagrammtypen und benutzerdefinierten Optionen

Einfache Integration

  • Bietet einfache Installations- und Konfigurationsmethoden
  • Unterstützt verschiedene Bereitstellungsmethoden, um sich an verschiedene Anwendungsszenarien anzupassen

Zusammenfassung

MCP Server Chart ist eine leistungsstarke und einfach zu bedienende Lösung zur Diagrammerstellung. Es kombiniert die standardisierten Vorteile des MCP-Protokolls mit der Professionalität der AntV-Diagrammbibliothek und bietet Entwicklern ein ideales Datenvisualisierungstool. Ob für die Webanwendungsentwicklung, Datenanalyse oder KI-Anwendungserweiterung, das Projekt bietet zuverlässige Diagrammerstellungsdienste.

Star History Chart