AntV Chart

Über den Server

AntV Chart creates charts and diagrams from data you give your assistant. It covers trend, comparison, distribution and proportion charts (line, area, bar, column, pie, scatter, histogram, boxplot, violin, radar, funnel, waterfall). It also covers relationship and structure diagrams (sankey, venn, treemap, network, mind map, org chart, fishbone, flow) and word clouds. The map tools use the AMap service and only support locations within China.

It runs locally through npx over stdio and needs no sign-in or API key. By default, charts are rendered by AntV's public rendering service. Set VIS_REQUEST_SERVER to point at a private deployment. DISABLED_TOOLS turns off selected tools, and SERVICE_ID is an optional setting for chart generation records.

Was du damit machen kannst

• Create line, area, bar, column and pie charts from supplied data
• Plot distributions with histograms, boxplots and violin plots
• Draw sankey, venn, treemap and network graphs
• Build mind maps, org charts, fishbone and flow diagrams
• Generate word clouds, funnel, waterfall and radar charts
• Render district, path and pin maps within China
• Disable unwanted tools with DISABLED_TOOLS

Tools 26

• generate_area_chart

  Area chart for trends over a continuous variable

• generate_bar_chart

  Horizontal bar chart for comparing categories

• generate_boxplot_chart

  Box-and-whisker plot for statistical distributions

• generate_column_chart

  Vertical column chart for comparing categories

• generate_district_map

  District map of administrative regions in China

• generate_dual_axes_chart

  Dual-axes chart for comparing different scales

• generate_fishbone_diagram

  Fishbone diagram for cause-and-effect analysis

• generate_flow_diagram

  Flow diagram for process visualization

• generate_funnel_chart

  Funnel chart for conversion or stage analysis

• generate_histogram_chart

  Histogram for frequency distributions

• generate_line_chart

  Line chart for trend analysis

• generate_liquid_chart

  Liquid fill gauge for percentage displays

Am 3. Okt. 2026 aus dem Manifest des Pakets gelesen, nicht über eine Live-Verbindung.

Beispiel-Prompts

• Make a line chart of these monthly sales figures.

• Draw a sankey diagram of this traffic flow data.

• Create a mind map of the main topics in this plan.

• Show the share of each category as a pie chart.

Einrichtung

Jeder Client startet AntV Chart mit demselben Befehl auf deinem Rechner. Wähl deinen; die Seite merkt sich deine Wahl.

claude mcp add --transport stdio antv-chart -- npx -y @antv/mcp-server-chart

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

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

code --add-mcp '{"name":"antv-chart","type":"stdio","command":"npx","args":["-y","@antv/mcp-server-chart"]}'

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

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

codex mcp add antv-chart -- npx -y @antv/mcp-server-chart

[mcp_servers.antv-chart]
command = "npx"
args = ["-y", "@antv/mcp-server-chart"]

gemini mcp add antv-chart npx -- -y @antv/mcp-server-chart

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

Häufige Fragen

Einbinden

Zeig AntV Chart in einem README oder auf deiner Website. Jede Einbindung verlinkt auf diese Seite, nutzt den Installationsbefehl des Servers und setzt keine Cookies. So funktionieren Einbindungen

README-Badge Website-Karte iframe JSON

README-Badge

Markdown

[![AntV Chart on mcp.tc](https://mcp.tc/i/antv-chart/badge.svg)](https://mcp.tc/i/antv-chart)

HTML

<a href="https://mcp.tc/i/antv-chart"><img src="https://mcp.tc/i/antv-chart/badge.svg" alt="AntV Chart on mcp.tc" height="20"></a>

Es folgt dem hellen oder dunklen Modus der Lesenden. Hänge ?theme=light oder ?theme=dark an, um ihn festzulegen, oder ?style=compact, um das Zeichen ohne Schriftzug zu zeigen.

Website-Karte

HTML

<script src="https://mcp.tc/w/antv-chart.js" async></script>

Die Karte erscheint dort, wo das Tag steht. Füge dem Tag data-theme="dark" oder data-size="compact" hinzu, um sie zu ändern. Die Datei enthält alles, was sie braucht, stellt also keine weiteren Anfragen und setzt keine Cookies.

iframe

HTML

<iframe src="https://mcp.tc/embed/antv-chart" title="AntV Chart on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Nutze es auf Seiten, die keine Skripte erlauben. Hänge ?theme=light oder ?theme=dark an die Adresse an, um die Farben festzulegen.

JSON

Der Eintrag als Daten für deine eigenen Seiten und Tools: Name, Kurzbeschreibung, Installationsbefehl, Tools und die „Add to“-Links. Jede Website kann ihn lesen (CORS ist offen).

https://mcp.tc/i/antv-chart.json

Was jedes Feld bedeutet