AntV Chart

Descrizione

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.

Cosa puoi fare

• 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

Tool 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

Dal manifest del pacchetto, non da una connessione attiva (3 ott 2026).

Prompt di esempio

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

Configurazione

Ogni client avvia AntV Chart sul tuo computer con lo stesso comando. Scegli il tuo; la pagina ricorda la tua scelta.

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"
      ]
    }
  }
}

Domande frequenti

Embed

Mostra AntV Chart in un README o sul tuo sito. Ogni embed rimanda a questa pagina, usa il comando di installazione del server e non imposta cookie. Come funzionano gli embed

Badge per il README Scheda per il sito iframe JSON

Badge per il README

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>

Segue la modalità chiara o scura di chi legge. Aggiungi ?theme=light o ?theme=dark per fissarla, oppure ?style=compact per mostrare il simbolo senza la scritta.

Scheda per il sito

HTML

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

La scheda compare dove si trova il tag. Aggiungi data-theme="dark" o data-size="compact" al tag per cambiarla. Il file contiene tutto ciò che serve, quindi non fa altre richieste e non imposta cookie.

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>

Usalo nelle pagine che non consentono script. Aggiungi ?theme=light o ?theme=dark all’indirizzo per fissare i colori.

JSON

La scheda come dati per le tue pagine e i tuoi strumenti: nome, descrizione breve, comando di installazione, tool e i link «Aggiungi a». Qualsiasi sito può leggerla (CORS aperto).

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

Cosa significa ogni campo