Skip to main content
Glama

MCP-Server-Diagramm bauen npm-Version Schmiedeabzeichen npm-Lizenz

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

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/antvis/mcp-server-chart'

If you have feedback or need assistance with the MCP directory API, please join our Discord server