Quickchart-MCP-Server

Integrations

  • Generates charts using Chart.js configurations through QuickChart.io's service, supporting various chart types including bar, line, pie, doughnut, radar, polarArea, scatter, bubble, radialGauge, and speedometer.

Quickchart-Server MCP-Server

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.

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

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" ] } } }

Dokumentationsreferenzen

📜 Lizenz

Dieses Projekt ist unter der MIT-Lizenz lizenziert.

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Ein MCP-Server zum Generieren anpassbarer Datenvisualisierungen mit QuickChart.io, der mehrere Diagrammtypen und Chart.js-Konfigurationen unterstützt.

  1. Überblick
    1. Merkmale
      1. Werkzeuge
    2. Unterstützte Diagrammtypen
      1. Verwendung
        1. Diagrammkonfiguration
        2. URL-Generierung
      2. Entwicklung
        1. Installation
          1. Installieren
          2. Installation über Smithery
        2. Dokumentationsreferenzen
          1. 📜 Lizenz

            Related MCP Servers

            • A
              security
              F
              license
              A
              quality
              Enables users to create UI flowcharts by generating visualizations of user interfaces and interactions through an easy-to-use API within MCP-compatible systems.
              Last updated -
              1
              7
              5
              TypeScript
            • -
              security
              F
              license
              -
              quality
              An MCP server that allows AI models to create data visualizations using Vega-Lite syntax by providing tools to save data tables and generate visualizations from them.
              Last updated -
              Python
            • -
              security
              A
              license
              -
              quality
              A MCP server that creates graphic recordings by converting websites or text input into visual summaries using different prompt styles (standard, elementary, timeline).
              Last updated -
              TypeScript
              MIT License
            • A
              security
              A
              license
              A
              quality
              mcp-server-chart
              Last updated -
              4
              895
              94
              TypeScript
              MIT License
              • Apple

            View all related MCP servers

            ID: y17zluizso