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 einareaund geben Sie eine Bild-URL zurück.generate_bar_chart– Erstellen Sie einbarund geben Sie eine Bild-URL zurück.generate_column_chart– Erstellen Sie eincolumnund geben Sie eine Bild-URL zurück.generate_dual_axes_chart– Erstellen Sie ein Diagrammdual-axesund geben Sie eine Bild-URL zurück.generate_fishbone_diagram– Erstellen Sie einfishbone-diagramund geben Sie eine Bild-URL zurück.generate_flow_diagram– Erstellen Sie einflow-diagramund geben Sie eine Bild-URL zurück.generate_histogram_chart– Erstellen Sie einhistogramund geben Sie eine Bild-URL zurück.generate_line_chart– Erstellen Sie einlineund geben Sie eine Bild-URL zurück.generate_mind_map– Erstellen Sie einmind-mapDiagramm und geben Sie eine Bild-URL zurück.generate_network_graph– Erstellen Sie einnetwork-graphund geben Sie eine Bild-URL zurück.generate_pie_chart– Erstellen Sie einpieund geben Sie eine Bild-URL zurück.generate_radar_chart– Erstellen Sie einradarund geben Sie eine Bild-URL zurück.generate_scatter_chart– Erstellen Sie einscatterund geben Sie eine Bild-URL zurück.generate_treemap_chart– Erstellen Sie eintreemap-Diagramm und geben Sie eine Bild-URL zurück.generate_word_cloud_chart– Erstellen Sie einword-cloudund geben Sie eine Bild-URL zurück.
Related MCP server: PowerPoint MCP 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-chartFü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 streamableAnschließend können Sie auf den Server zugreifen unter:
SSE-Transport:
http://localhost:1122/sseStreambarer 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.
🔨 Entwicklung
Installieren Sie Abhängigkeiten:
npm installErstellen Sie den Server:
npm run buildStarten Sie den MCP-Server:
npm run start📄 Lizenz
MIT@ AntV .