AntV Chart

Présentation

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.

Ce que vous pouvez faire

• 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

Outils 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

Tirés du manifeste du paquet, pas d’une connexion en direct, le 3 oct. 2026.

Exemples de 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.

Configuration

Chaque client lance AntV Chart sur votre machine avec la même commande. Choisissez le vôtre ; la page retient votre choix.

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

FAQ

Intégrer

Affichez AntV Chart dans un README ou sur votre site. Chaque intégration renvoie à cette page, utilise la commande d’installation du serveur et ne dépose aucun cookie. Comment fonctionnent les intégrations

Badge pour README Carte pour site web iframe JSON

Badge pour 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>

Il suit le mode clair ou sombre du lecteur. Ajoutez ?theme=light ou ?theme=dark pour le fixer, ou ?style=compact pour afficher le symbole sans le nom.

Carte pour site web

HTML

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

La carte apparaît à l’endroit de la balise. Ajoutez data-theme="dark" ou data-size="compact" à la balise pour la modifier. Le fichier contient tout ce qu’il lui faut : il ne fait aucune autre requête et ne dépose aucun 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>

Utilisez-la sur les pages qui n’autorisent pas les scripts. Ajoutez ?theme=light ou ?theme=dark à l’adresse pour fixer les couleurs.

JSON

La fiche sous forme de données pour vos pages et vos outils : nom, accroche, commande d’installation, outils et liens « Add to ». N’importe quel site peut la lire (CORS ouvert).

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

Ce que signifie chaque champ