AntV Chart

Descripción

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.

Qué puedes hacer

• 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

Herramientas 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

Tomadas del manifiesto del paquete, no de una conexión en directo, el 3 oct 2026.

Prompts de ejemplo

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

Configuración

Todos los clientes inician AntV Chart en tu equipo con el mismo comando. Elige el tuyo; la página recuerda tu elección.

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

Preguntas frecuentes

Insertar

Muestra AntV Chart en un README o en tu web. Cada inserción enlaza a esta página, usa el comando de instalación del servidor y no instala cookies. Cómo funcionan las inserciones

Insignia para README Tarjeta para web iframe JSON

Insignia para 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>

Sigue el modo claro u oscuro de quien lee. Añade ?theme=light o ?theme=dark para fijarlo, o ?style=compact para mostrar el símbolo sin la palabra.

Tarjeta para web

HTML

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

La tarjeta aparece donde esté la etiqueta. Añade data-theme="dark" o data-size="compact" a la etiqueta para cambiarla. El archivo contiene todo lo que necesita, así que no hace otras solicitudes ni instala 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>

Úsalo en páginas que no permiten scripts. Añade ?theme=light o ?theme=dark a la dirección para fijar los colores.

JSON

La ficha como datos para tus propias páginas y herramientas: nombre, descripción corta, comando de instalación, herramientas y los enlaces «Add to». Cualquier web puede leerla (CORS abierto).

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

Qué significa cada campo