MCP Server Chart

by andyciggy

240 downloads
Not rated
GitHub

About

# MCP Server Chart ![](https://badge.mcpx.dev?type=server 'MCP Server') [![npm Version](https://img.shields.io/npm/v/@antv/mcp-server-chart.svg)](https://www.npmjs.com/package/@antv/mcp-server-chart) [![npm…

Details

Author
andyciggy
Downloads
240
Categories
Other

- Supports 15+ chart types including area, bar, line, pie, and scatter.
- Returns an image URL for each generated chart.
- Built with TypeScript for reliability and maintainability.
- Uses the AntV open-source visualization library.
- Easy integration with any MCP-compatible client.

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name MCP Server Chart
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Add the server configuration to your MCP client’s mcpServers section using the npx command as shown in the README. Once configured, invoke the available chart‑generation tools (e.g., generate_line_chart) from your client to produce charts.

generate_area_chart

Generate a area chart to show data trends under continuous independent variables and observe the overall data trend, such as, displacement = velocity (average or instantaneous) × time: s = v × t. If the x-axis is time (t) and the y-axis is velocity (v) at each moment, an area chart allows you to observe the trend of velocity over time and infer the distance traveled by the area's size.

generate_bar_chart

Generate a horizontal bar chart to show data for numerical comparisons among different categories, such as, comparing categorical data and for horizontal comparisons.

generate_boxplot_chart

Generate a boxplot chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.

generate_column_chart

Generate a column chart, which are best for comparing categorical data, such as, when values are close, column charts are preferable because our eyes are better at judging height than other visual elements like area or angles.

generate_district_map

Generates regional distribution maps, which are usually used to show the administrative divisions and coverage of a dataset. It is not suitable for showing the distribution of specific locations, such as urban administrative divisions, GDP distribution maps of provinces and cities across the country, etc. This tool is limited to generating data maps within China.

generate_dual_axes_chart

Generate a dual axes chart which is a combination chart that integrates two different chart types, typically combining a bar chart with a line chart to display both the trend and comparison of data, such as, the trend of sales and profit over time.

generate_fishbone_diagram

Generate a fishbone diagram chart to uses a fish skeleton, like structure to display the causes or effects of a core problem, with the problem as the fish head and the causes/effects as the fish bones. It suits problems that can be split into multiple related factors.

generate_flow_diagram

Generate a flow diagram chart to show the steps and decision points of a process or system, such as, scenarios requiring linear process presentation.

generate_funnel_chart

Generate a funnel chart to visualize the progressive reduction of data as it passes through stages, such as, the conversion rates of users from visiting a website to completing a purchase.

generate_histogram_chart

Generate a histogram chart to show the frequency of data points within a certain range. It can observe data distribution, such as, normal and skewed distributions, and identify data concentration areas and extreme points.

generate_line_chart

Generate a line chart to show trends over time, such as, the ratio of Apple computer sales to Apple's profits changed from 2000 to 2016.

generate_liquid_chart

Generate a liquid chart to visualize a single value as a percentage, such as, the current occupancy rate of a reservoir or the completion percentage of a project.

generate_mind_map

Generate a mind map chart to organizes and presents information in a hierarchical structure with branches radiating from a central topic, such as, a diagram showing the relationship between a main topic and its subtopics.

generate_network_graph

Generate a network graph chart to show relationships (edges) between entities (nodes), such as, relationships between people in social networks.

generate_organization_chart

Generate an organization chart to visualize the hierarchical structure of an organization, such as, a diagram showing the relationship between a CEO and their direct reports.

generate_path_map

Generate a route map to display the user's planned route, such as travel guide routes.

generate_pie_chart

Generate a pie chart to show the proportion of parts, such as, market share and budget allocation.

generate_pin_map

Generate a point map to display the location and distribution of point data on the map, such as the location distribution of attractions, hospitals, supermarkets, etc.

generate_radar_chart

Generate a radar chart to display multidimensional data (four dimensions or more), such as, evaluate Huawei and Apple phones in terms of five dimensions: ease of use, functionality, camera, benchmark scores, and battery life.

generate_sankey_chart

Generate a sankey chart to visualize the flow of data between different stages or categories, such as, the user journey from landing on a page to completing a purchase.

generate_scatter_chart

Generate a scatter chart to show the relationship between two variables, helps discover their relationship or trends, such as, the strength of correlation, data distribution patterns.

generate_treemap_chart

Generate a treemap chart to display hierarchical data and can intuitively show comparisons between items at the same level, such as, show disk space usage with treemap.

generate_venn_chart

Generate a Venn diagram to visualize the relationships between different sets, showing how they intersect and overlap, such as the commonalities and differences between various groups.

generate_violin_chart

Generate a violin chart to show data for statistical summaries among different categories, such as, comparing the distribution of data points across categories.

generate_waterfall_chart

Generate a waterfall chart to visualize the cumulative effect of sequentially introduced positive or negative values, such as showing how an initial value is affected by a series of intermediate positive or negative values leading to a final result. Waterfall charts are ideal for financial analysis, budget tracking, profit and loss statements, and understanding the composition of changes over time or categories.

generate_word_cloud_chart

Generate a word cloud chart to show word frequency or weight through text size variation, such as, analyzing common words in social media, reviews, or feedback.

generate_spreadsheet

Generate a spreadsheet or pivot table for displaying tabular data. When 'rows' or 'values' fields are provided, it renders as a pivot table (cross-tabulation); otherwise, it renders as a regular table. Useful for displaying structured data, comparing values across categories, and creating data summaries.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

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

McpServers

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

MCP Server Chart ![](https://badge.mcpx.dev?type=server 'MCP Server') npm Version npm License

A Model Context Protocol server for generating charts using AntV.

<a href="https://glama.ai/mcp/servers/@antvis/mcp-server-chart">

</a>

This is a TypeScript-based MCP server that provides chart generation capabilities. It allows you to create various types of charts through MCP tools.

✨ Features

Now 15+ charts supported.

mcp-server-chart preview

- generate_area_chart - Generate a area chart, and return an image URL.
- generate_bar_chart - Generate a bar chart, and return an image URL.
- generate_column_chart - Generate a column chart, and return an image URL.
- generate_dual_axes_chart - Generate a dual-axes chart, and return an image URL.
- generate_fishbone_diagram - Generate a fishbone-diagram chart, and return an image URL.
- generate_flow_diagram - Generate a flow-diagram chart, and return an image URL.
- generate_histogram_chart - Generate a histogram chart, and return an image URL.
- generate_line_chart - Generate a line chart, and return an image URL.
- generate_mind_map - Generate a mind-map chart, and return an image URL.
- generate_network_graph - Generate a network-graph chart, and return an image URL.
- generate_pie_chart - Generate a pie chart, and return an image URL.
- generate_radar_chart - Generate a radar chart, and return an image URL.
- generate_scatter_chart - Generate a scatter chart, and return an image URL.
- generate_treemap_chart - Generate a treemap chart, and return an image URL.
- generate_word_cloud_chart - Generate a word-cloud chart, and return an image URL.

🤖 Usage

To use with Claude Desktop, add the server config:

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

🔨 Development

Install dependencies:

npm install

Build the server:

npm run build

Start the MCP server:

npm run start

📄 License

MIT@AntV.

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.