pie-chart

AntVis Chart MCP Server MCP Server

25+ visual chart types for data analysis

antvischartsvisualizationdata-analysis

About

## AntVis Chart MCP Server: Enterprise Visualization The **AntVis Chart MCP Server** brings the power of Ant Design's visualization library directly into Google Antigravity, enabling AI-assisted creation of sophisticated, interactive charts and data visualizations without leaving your development environment. ### Why AntVis Chart MCP? - **Grammar of Graphics**: Build charts using a declarative, compositional approach based on the grammar of graphics - **Rich Chart Library**: Access to G2, G6, L7, and other AntVis visualization frameworks - **Interactive Visualizations**: Create charts with zoom, pan, drill-down, and custom interactions - **AI-Guided Design**: Let Gemini suggest optimal chart types based on your data structure - **Export Flexibility**: Generate charts as SVG, Canvas, or exportable images ### Key Features #### 1. Declarative Chart Creation ```typescript // Generate chart specification via MCP const chartSpec = await antvis.createChart({ type: "interval", data: salesData, encode: { x: "month", y: "revenue", color: "category" }, transform: [{ type: "stackY" }], axis: { y: { title: "Revenue ($)", labelFormatter: ".2s" } } }); ``` #### 2. Graph Visualization ```typescript // Create network/relationship graphs const networkGraph = await antvis.createG6Graph({ nodes: userNodes, edges: relationships, layout: { type: "force", preventOverlap: true }, behaviors: ["drag-node", "zoom-canvas", "click-select"] }); ``` ### Configuration ```json { "mcpServers": { "antvis-chart": { "command": "npx", "args": ["-y", "@anthropic/mcp-antvis"], "env": { "THEME": "dark", "DEFAULT_RENDERER": "canvas" } } } } ``` ### Use Cases **Dashboard Development**: Rapidly prototype and refine business intelligence dashboards with AI-suggested visualizations. **Data Exploration**: Interactively explore datasets with appropriate chart recommendations based on data types and distributions. **Report Generation**: Create publication-ready charts with consistent styling and branding for reports and presentations. The AntVis Chart MCP Server transforms data visualization from a manual design process into an AI-collaborative experience, helping developers create compelling visualizations faster.

Installation

Configuration

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