Quickchart-Server MCP-Server

Bild

Ein Model Context Protocol-Server zum Generieren von Diagrammen mit QuickChart.io

Dies ist ein TypeScript-basierter MCP-Server, der Funktionen zur Diagrammerstellung bietet. Er ermöglicht Ihnen die Erstellung verschiedener Diagrammtypen mithilfe von MCP-Tools.

Überblick

Dieser Server integriert den URL-basierten Diagrammgenerierungsdienst von QuickChart.io, um Diagrammbilder mithilfe von Chart.js-Konfigurationen zu erstellen. Benutzer können verschiedene Diagrammtypen generieren, indem sie Daten und Stilparameter angeben, die der Server in Diagramm-URLs oder herunterladbare Bilder konvertiert.

Related MCP server: MCP Server Chart

Merkmale

Werkzeuge

generate_chart – Generieren Sie eine Diagramm-URL mit QuickChart.io
- Unterstützt mehrere Diagrammtypen: Balken-, Linien-, Kreis-, Ring-, Radar-, Polarflächen-, Streu-, Blasen-, Radialanzeige- und Tachometerdiagramm
- Anpassbar mit Beschriftungen, Datensätzen, Farben und zusätzlichen Optionen
- Gibt eine URL zum generierten Diagramm zurück
download_chart - Lädt ein Diagrammbild in eine lokale Datei herunter
- Nimmt Diagrammkonfiguration und Ausgabepfad als Parameter
- Speichert das Diagrammbild am angegebenen Speicherort

Bild

Unterstützte Diagrammtypen

Balkendiagramme: Zum Vergleichen von Werten zwischen Kategorien
Liniendiagramme: Zum Anzeigen von Trends im Zeitverlauf
Kreisdiagramme: Zur Anzeige proportionaler Daten
Ringdiagramme: Ähnlich wie Kreisdiagramme mit einem hohlen Zentrum
Radardiagramme: Zur Darstellung multivariater Daten
Polarflächendiagramme: Zur Anzeige proportionaler Daten mit Segmenten mit festem Winkel
Streudiagramme: Zur Darstellung von Datenpunktverteilungen
Blasendiagramme: Zur dreidimensionalen Datenvisualisierung
Radial Gauge: Zur Anzeige einzelner Werte innerhalb eines Bereichs
Tachometer: Zur Anzeige von Werten im Tachometer-Stil

Verwendung

Diagrammkonfiguration

Der Server verwendet das Chart.js-Konfigurationsformat. Hier ist ein einfaches Beispiel:

{
  "type": "bar",
  "data": {
    "labels": ["January", "February", "March"],
    "datasets": [{
      "label": "Sales",
      "data": [65, 59, 80],
      "backgroundColor": "rgb(75, 192, 192)"
    }]
  },
  "options": {
    "title": {
      "display": true,
      "text": "Monthly Sales"
    }
  }
}

URL-Generierung

Der Server konvertiert Ihre Konfiguration in eine QuickChart-URL:

https://quickchart.io/chart?c={...encoded configuration...}

Entwicklung

Installieren Sie Abhängigkeiten:

npm install

Erstellen Sie den Server:

npm run build

Installation

Installieren

npm install @gongrzhe/quickchart-mcp-server

Installation über Smithery

So installieren Sie QuickChart Server für Claude Desktop automatisch über Smithery :

npx -y @smithery/cli install @gongrzhe/quickchart-mcp-server --client claude

Zur Verwendung mit Claude Desktop fügen Sie die Serverkonfiguration hinzu:

Unter MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json Unter Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "quickchart-server": {
      "command": "node",
      "args": ["/path/to/quickchart-server/build/index.js"]
    }
  }
}

oder

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