MCP-Server-Diagramm

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

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

✨ Funktionen

Jetzt werden mehr als 15 Diagramme unterstützt.

generate_area_chart – Erstellen Sie ein area und geben Sie eine Bild-URL zurück.
generate_bar_chart – Erstellen Sie ein bar und geben Sie eine Bild-URL zurück.
generate_column_chart – Erstellen Sie ein column und geben Sie eine Bild-URL zurück.
generate_dual_axes_chart – Erstellen Sie ein Diagramm dual-axes und geben Sie eine Bild-URL zurück.
generate_fishbone_diagram – Erstellen Sie ein fishbone-diagram und geben Sie eine Bild-URL zurück.
generate_flow_diagram – Erstellen Sie ein flow-diagram und geben Sie eine Bild-URL zurück.
generate_histogram_chart – Erstellen Sie ein histogram und geben Sie eine Bild-URL zurück.
generate_line_chart – Erstellen Sie ein line und geben Sie eine Bild-URL zurück.
generate_mind_map – Erstellen Sie ein mind-map Diagramm und geben Sie eine Bild-URL zurück.
generate_network_graph – Erstellen Sie ein network-graph und geben Sie eine Bild-URL zurück.
generate_pie_chart – Erstellen Sie ein pie und geben Sie eine Bild-URL zurück.
generate_radar_chart – Erstellen Sie ein radar und geben Sie eine Bild-URL zurück.
generate_scatter_chart – Erstellen Sie ein scatter und geben Sie eine Bild-URL zurück.
generate_treemap_chart – Erstellen Sie ein treemap -Diagramm und geben Sie eine Bild-URL zurück.
generate_word_cloud_chart – Erstellen Sie ein word-cloud und geben Sie eine Bild-URL zurück.

Related MCP server: MCP Chart Server

🤖 Verwendung

Zur Verwendung mit Desktop APP wie Claude, VSCode, Cline , Cherry Studio usw. fügen Sie die unten stehende MCP-Serverkonfiguration hinzu. Auf dem Mac-System:

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

Auf einem Windows-System:

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

Sie können es auch auf Aliyun , Modelscope , glama.ai , Smithery.ai oder anderen mit HTTP, SSE-Protokoll verwenden.

🚰 Mit SSE oder Streamable-Transport ausführen

Installieren Sie das Paket global.

npm install -g @antv/mcp-server-chart

Führen Sie den Server mit Ihrer bevorzugten Transportoption aus:

# For SSE transport (default endpoint: /sse) mcp-server-chart --transport sse # For Streamable transport with custom endpoint mcp-server-chart --transport streamable

Anschließend können Sie auf den Server zugreifen unter:

SSE-Transport: http://localhost:1122/sse
Streambarer Transport: http://localhost:1122/mcp

🎮 CLI-Optionen

Sie können beim Ausführen des MCP-Servers auch die folgenden CLI-Optionen verwenden. Befehlsoptionen durch Ausführen der CLI mit -h .

MCP Server Chart CLI Options: --transport, -t Specify the transport protocol: "stdio", "sse", or "streamable" (default: "stdio") --port, -p Specify the port for SSE or streamable transport (default: 1122) --endpoint, -e Specify the endpoint for the transport: - For SSE: default is "/sse" - For streamable: default is "/mcp" --help, -h Show this help message

📠 Private Bereitstellung

MCP Server Chart bietet standardmäßig einen kostenlosen Diagrammerstellungsdienst. Benutzer, die eine private Bereitstellung benötigen, können mit VIS_REQUEST_SERVER ihren eigenen Diagrammerstellungsdienst anpassen.

{ "mcpServers": { "mcp-server-chart": { "command": "npx", "args": [ "-y", "@antv/mcp-server-chart" ], "env": { "VIS_REQUEST_SERVER": "<YOUR_VIS_REQUEST_SERVER>" } } } }

Sie können das Projekt GPT-Vis-SSR von AntV verwenden, um einen HTTP-Dienst in einer privaten Umgebung bereitzustellen und dann die URL-Adresse über env VIS_REQUEST_SERVER weiterzuleiten.