$git clone https://github.com/antvis/mcp-server-chartA Model Context Protocol server for generating charts using AntV. We can use this mcp server for _chart generation_ and _data analysis_.
| 1 | # MCP Server Chart |
| 2 | |
| 3 | A Model Context Protocol server for generating charts using [AntV](https://github.com/antvis/). We can use this mcp server for _chart generation_ and _data analysis_. |
| 4 | |
| 5 |  [](https://github.com/antvis/mcp-server-chart/actions/workflows/build.yml) [](https://www.npmjs.com/package/@antv/mcp-server-chart) [](https://www.npmjs.com/package/@antv/mcp-server-chart) [](https://codecov.io/gh/antvis/mcp-server-chart) [](https://smithery.ai/servers/antvis/mcp-server-chart)  |
| 6 | |
| 7 | <img width="768" alt="mcp-server-chart technical digram" src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*XVH-Srg-b9UAAAAAgGAAAAgAemJ7AQ/fmt.avif" /> |
| 8 | |
| 9 | This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools. You can also use it in [Dify](https://marketplace.dify.ai/plugins/antv/visualization). |
| 10 | |
| 11 | ## 📋 Table of Contents |
| 12 | |
| 13 | - [✨ Features](#-features) |
| 14 | - [🤖 Usage](#-usage) |
| 15 | - [🎨 Skill Usage](#-skill-usage) |
| 16 | - [🚰 Run with SSE or Streamable transport](#-run-with-sse-or-streamable-transport) |
| 17 | - [🎮 CLI Options](#-cli-options) |
| 18 | - [⚙️ Environment Variables](#%EF%B8%8F-environment-variables) |
| 19 | - [VIS_REQUEST_SERVER](#-private-deployment) |
| 20 | - [SERVICE_ID](#%EF%B8%8F-generate-records) |
| 21 | - [DISABLED_TOOLS](#%EF%B8%8F-tool-filtering) |
| 22 | - [📠 Private Deployment](#-private-deployment) |
| 23 | - [🗺️ Generate Records](#%EF%B8%8F-generate-records) |
| 24 | - [🎛️ Tool Filtering](#%EF%B8%8F-tool-filtering) |
| 25 | - [🔨 Development](#-development) |
| 26 | - [📄 License](#-license) |
| 27 | |
| 28 | ## ✨ Features |
| 29 | |
| 30 | Now 26+ charts supported. |
| 31 | |
| 32 | <img width="768" alt="mcp-server-chart preview" src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*IyIRQIQHyKYAAAAAgCAAAAgAemJ7AQ/fmt.avif" /> |
| 33 | |
| 34 | 1. `generate_area_chart`: Generate an `area` chart, used to display the trend of data under a continuous independent variable, allowing observation of overall data trends. |
| 35 | 1. `generate_bar_chart`: Generate a `bar` chart, used to compare values across different categories, suitable for horizontal comparisons. |
| 36 | 1. `generate_boxplot_chart`: Generate a `boxplot`, used to display the distribution of data, including the median, quartiles, and outliers. |
| 37 | 1. `generate_column_chart`: Generate a `column` chart, used to compare values across different categories, suitable for vertical comparisons. |
| 38 | 1. `generate_district_map` - Generate a `district-map`, used to show administrative divisions and data distribution. |
| 39 | 1. `generate_dual_axes_chart`: Generate a `dual-axes` chart, used to display the relationship between two variables with different units or ranges. |
| 40 | 1. `generate_fishbone_diagram`: Generate a `fishbone` diagram, also known as an Ishikawa diagram, used to identify and display the root causes of a problem. |
| 41 | 1. `generate_flow_diagram`: Generate a `flowchart`, used to display the steps and sequence of a process. |
| 42 | 1. `generate_funnel_chart`: Generate a `funnel` chart, used to display data loss at different stages. |
| 43 | 1. `generate_histogram_chart`: Generate a `histogram`, used to display the distribution of data by dividing it into intervals and counting the number of data points in each interval. |
| 44 | 1. `generate_line_chart`: Generate a `line` chart, used to display the trend of data over time or another continuous variable. |
| 45 | 1. `generate_liquid_chart`: Generate a `liquid` chart, used to display the proportion of data, visually representing percenta |