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.

🤖 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.

🔨 Entwicklung

Installieren Sie Abhängigkeiten:

npm install

Erstellen Sie den Server:

npm run build

Starten Sie den MCP-Server:

npm run start

📄 Lizenz

MIT@ AntV .

Install Server

HTTP connection URL

security – no known vulnerabilities

license - permissive license

quality - confirmed to work

How are these scores calculated?

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.

Tools

🤖 Ein Model Context Protocol-Server zum Generieren von mehr als 15 visuellen Diagrammen mit AntV.

Related MCP Servers

Quickchart-MCP-Server
GongRzhe
A
security
A
license
A
quality
An MCP server for generating customizable data visualizations using QuickChart.io, supporting multiple chart types and Chart.js configuration.
Last updated -
2
315
134
JavaScript
MIT License
MCP Chart Server
wubbyweb
A
security
F
license
A
quality
A Model Context Protocol server that generates TradingView chart visualizations with real-time updates, enabling AI assistants to create and display financial charts through an integration with Chart-IMG API.
Last updated -
5
30
TypeScript
quickchart-mcp-server
TakanariShimbo
A
security
F
license
A
quality
This Model Context Protocol (MCP) server provides powerful visualization tools using QuickChart.io APIs. With this MCP, AI assistants can create charts, diagrams, barcodes, QR codes, word clouds, tables, and more.
Last updated -
12
18
TypeScript
MCP ASCII Charts
gianlucamazza
A
security
A
license
A
quality
A Model Context Protocol server that generates lightweight ASCII charts directly in terminal environments, supporting line charts, bar charts, scatter plots, histograms, and sparklines without GUI dependencies.
Last updated -
5
1
TypeScript
MIT License

View all related MCP servers

MCP Server Chart