Skip to content
verify mcp Beta VerifyMCP is currently in beta. If you notice any issues, email [email protected] and we’ll put it right.

io.github.antvis/mcp-server-chart

NPM · @ANTV/MCP-SERVER-CHART · SCANNED AUG 3

A Model Context Protocol server for generating charts using AntV.

+23 this week 65 Trust /100
Trust breakdown (6 categories)

How this component scores in each security and reliability category. Every signal is checked automatically from public evidence about the published package, including repeated runs of it in an isolated sandbox, and we only credit what we can confirm. How we score →

Supply Chain Security87
  • No malware found by supply-chain analysis.Pass
  • Only part of the dependency tree could be resolved (108 of 109), so this covers what we could see, not the whole tree.Partial
  • No install/post-install scripts declared.Pass
  • Only part of the dependency tree could be resolved (108 of 109), so this covers what we could see, not the whole tree. View diagnostics → Partial
Provenance & Transparency45
Schema Quality & AI Usability55
  • AI-judged instruction clarity (good).Pass
  • Context-footprint check failed: tool/resource definitions use about 5995 tokens (~239/item across 25 items; 25 tools + 0 resources), over budget; trim descriptions and params. See how to fix → Fail
  • Usage-examples check failed: none of the tools include examples. See how to fix → Fail
Stability & Change Management27
  • Stability observed for 8 of 30 days with no destabilising changes; credit accrues until the full window elapses.Partial
Tool Coverage100
  • 100% of tools have a non-trivial description (not blank, and not just the tool's name).Pass
  • 100% of tool parameters carry a description.Pass
Capabilities100
  • Implements a supported MCP spec version (2025-11-25); the latest is 2026-07-28.Pass
Install

Add this component to your MCP client. Where a client-specific snippet is available, pick your client below and copy it straight into your config; otherwise use the connection detail shown.

npm · @antv/mcp-server-chart

# add to Claude Code
claude mcp add antvis-mcp-server-chart -- npx -y @antv/mcp-server-chart
# add to Codex CLI
codex mcp add antvis-mcp-server-chart -- npx -y @antv/mcp-server-chart
// opencode.json
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "antvis-mcp-server-chart": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "@antv/mcp-server-chart"
      ],
      "enabled": true
    }
  }
}
# add to OpenClaw
openclaw mcp add antvis-mcp-server-chart --command npx --arg -y --arg @antv/mcp-server-chart
# ~/.hermes/config.yaml
mcp_servers:
  antvis-mcp-server-chart:
    command: "npx"
    args: ["-y", "@antv/mcp-server-chart"]
// mcp.json
{
  "mcpServers": {
    "antvis-mcp-server-chart": {
      "command": "npx",
      "args": [
        "-y",
        "@antv/mcp-server-chart"
      ]
    }
  }
}
Changelog

Every change we have recorded for this component, newest first. Security-relevant changes are always shown. ▲ marks a change for the better, ▼ a change for the worse; unmarked changes are neutral.

  • 2 Aug 26 +32
    • Provenance: unverified → fail security
    • Install scripts: unverified → pass security
    • Known CVEs: unverified → partial security
    • MCP protocol: unverified → pass functional
    • Stability: unverified → 0.23 functional
    • Schema quality: unverified → good functional
    • License: unverified → pass functional
    • Dependency health: unverified → partial functional
    • Maintenance: unverified → pass functional
    • Licence: MIT functional
  • 1 Aug 26 +9
    • We updated how we score, so this day's move reflects our rubric, not a change to the server See what changed → functional
  • 31 Jul 26 −18
    • Malware scan: pass → unverified security
  • 27 Jul 26 42

    First indexed and scored.

Diagnostics

Diagnostic detail from the automated scan of this channel: what the scanner observed at each step, so you can see exactly where a check passed or failed. It is informational only and never changes the trust score.

Captured 3 Aug 2026 · Analysed npm/@antv/[email protected]

Provenance none

Ecosystem: npm · Outcome: none

Dependencies 108 packages

108 packages in the resolved dependency tree · 108 deprecated · 32 stale.

The dependency tree was only partially resolved, so these counts may be incomplete.

MCP tools — 25 exposed · ~5,995 tokens

The tools this component advertises to a client, with an estimated token cost for each. Expand a tool to see its parameters and schema. The per-tool counts are indicative and are not scored directly; the schema's total context footprint is one signal in Schema Quality & AI Usability.

Tool Tokens
generate_area_chart ~259

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.

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for area chart, such as, [{ time: '2018', value: 99.9 }].
heightnumberSet the height of chart, default is 400.
stackbooleanWhether stacking is enabled. When enabled, area charts require a 'group' field in the data.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_bar_chart ~326

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

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for bar chart, such as, [{ category: '分类一', value: 10 }, { category: '分类二', value: 20 }], when grouping or stacking is needed for bar, the data should contain a `group` field, such as, when [{ c…
groupbooleanWhether grouping is enabled. When enabled, bar charts require a 'group' field in the data. When `group` is true, `stack` should be false.
heightnumberSet the height of chart, default is 400.
stackbooleanWhether stacking is enabled. When enabled, bar charts require a 'group' field in the data. When `stack` is true, `group` should be false.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_boxplot_chart ~197

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

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for boxplot chart, such as, [{ category: '分类一', value: 10 }] or [{ category: '分类二', value: 20, group: '组别一' }].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_column_chart ~342

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.

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for column chart, such as, [{ category: '分类一', value: 10 }, { category: '分类二', value: 20 }], when grouping or stacking is needed for column, the data should contain a `group` field, such as, whe…
groupbooleanWhether grouping is enabled. When enabled, column charts require a 'group' field in the data. When `group` is true, `stack` should be false.
heightnumberSet the height of chart, default is 400.
stackbooleanWhether stacking is enabled. When enabled, column charts require a 'group' field in the data. When `stack` is true, `group` should be false.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_district_map ~640

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.

NameTypeReqDescription
dataobjectyesAdministrative division data, lower-level administrative divisions are optional. There are usually two scenarios: one is to simply display the regional composition, only `fillColor` needs to be confi…
heightnumberSet the height of map, default is 1000.
titlestringyesThe map title should not exceed 16 characters. The content should be consistent with the information the map wants to convey and should be accurate, rich, creative, and attractive.
widthnumberSet the width of map, default is 1600.

No output schema declared.

No examples provided.

generate_dual_axes_chart ~281

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.

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
categoriesarrayyesCategories for dual axes chart, such as, ['2015', '2016', '2017'].
heightnumberSet the height of chart, default is 400.
seriesarrayyesSeries for dual axes chart, such as, [{ type: 'column', data: [91.9, 99.1, 101.6, 114.4, 121], axisYTitle: '销售额' }, { type: 'line', data: [0.055, 0.06, 0.062, 0.07, 0.075], 'axisYTitle': '利润率' }].
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_fishbone_diagram ~195

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.

NameTypeReqDescription
dataobjectyesData for fishbone diagram chart which is a hierarchical structure, such as, { name: 'main topic', children: [{ name: 'topic 1', children: [{ name: 'subtopic 1-1' }] }] }, and the maximum depth is 3.
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_flow_diagram ~163

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

NameTypeReqDescription
dataobjectyesData for flow diagram chart, such as, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }.
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_funnel_chart ~205

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.

NameTypeReqDescription
dataarrayyesData for funnel chart, such as, [{ category: '浏览网站', value: 50000 }, { category: '放入购物车', value: 35000 }, { category: '生成订单', value: 25000 }, { category: '支付订单', value: 15000 }, { category: '完成交易', v…
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_histogram_chart ~230

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.

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
binNumbernumberNumber of intervals to define the number of intervals in a histogram, when not specified, a built-in value will be used.
dataarrayyesData for histogram chart, it should be an array of numbers, such as, [78, 88, 60, 100, 95].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_line_chart ~240

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.

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for line chart, it should be an array of objects, each object contains a `time` field and a `value` field, such as, [{ time: '2015', value: 23 }, { time: '2016', value: 32 }].
heightnumberSet the height of chart, default is 400.
stackbooleanWhether stacking is enabled. When enabled, line charts require a 'group' field in the data.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_liquid_chart ~198

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.

NameTypeReqDescription
heightnumberSet the height of chart, default is 400.
percentnumberyesThe percentage value to display in the liquid chart, should be a number between 0 and 1, where 1 represents 100%. For example, 0.75 represents 75%.
shapestringThe shape of the liquid chart, can be 'circle', 'rect', 'pin', or 'triangle'. Default is 'circle'.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_mind_map ~176

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.

NameTypeReqDescription
dataobjectyesData for mind map chart which is a hierarchical structure, such as, { name: 'main topic', children: [{ name: 'topic 1', children: [{ name:'subtopic 1-1' }] }, and the maximum depth is 3.
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_network_graph ~160

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

NameTypeReqDescription
dataobjectyesData for network graph chart, such as, { nodes: [{ name: 'node1' }, { name: 'node2' }], edges: [{ source: 'node1', target: 'node2', name: 'edge1' }] }
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_organization_chart ~221

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.

NameTypeReqDescription
dataobjectyesData for organization chart which is a hierarchical structure, such as, { name: 'CEO', description: 'Chief Executive Officer', children: [{ name: 'CTO', description: 'Chief Technology Officer', child…
heightnumberSet the height of chart, default is 400.
orientstringOrientation of the organization chart, either horizontal or vertical. Default is vertical, when the level of the chart is more than 3, it is recommended to use horizontal orientation.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_path_map ~173

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

NameTypeReqDescription
dataarrayyesRoutes, each group represents all POIs along a route. For example, [{ "data": ["西安钟楼", "西安大唐不夜城", "西安大雁塔"] }, { "data": ["西安曲江池公园", "西安回民街"] }]
heightnumberSet the height of map, default is 1000.
titlestringyesThe map title should not exceed 16 characters. The content should be consistent with the information the map wants to convey and should be accurate, rich, creative, and attractive.
widthnumberSet the width of map, default is 1600.

No output schema declared.

No examples provided.

generate_pie_chart ~212

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

NameTypeReqDescription
dataarrayyesData for pie chart, it should be an array of objects, each object contains a `category` field and a `value` field, such as, [{ category: '分类一', value: 27 }].
heightnumberSet the height of chart, default is 400.
innerRadiusnumberSet the innerRadius of pie chart, the value between 0 and 1. Set the pie chart as a donut chart. Set the value to 0.6 or number in [0 ,1] to enable it.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_pin_map ~400

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.

NameTypeReqDescription
dataarrayyesA list of keywords for the names of points of interest (POIs) in Chinese. These POIs usually contain a group of places with similar locations, so the names should be more descriptive, must adding att…
heightnumberSet the height of map, default is 1000.
markerPopupobjectMarker type, one is simple mode, which is just an icon and does not require `markerPopup` configuration; the other is image mode, which displays location photos and requires `markerPopup` configurati…
titlestringyesThe map title should not exceed 16 characters. The content should be consistent with the information the map wants to convey and should be accurate, rich, creative, and attractive.
widthnumberSet the width of map, default is 1600.

No output schema declared.

No examples provided.

generate_radar_chart ~182

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.

NameTypeReqDescription
dataarrayyesData for radar chart, it should be an array of objects, each object contains a `name` field and a `value` field, such as, [{ name: 'Design', value: 70 }].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_sankey_chart ~264

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.

NameTypeReqDescription
dataarrayyesDate for sankey chart, such as, [{ source: 'Landing Page', target: 'Product Page', value: 50000 }, { source: 'Product Page', target: 'Add to Cart', value: 35000 }, { source: 'Add to Cart', target: 'C…
heightnumberSet the height of chart, default is 400.
nodeAlignstringAlignment of nodes in the sankey chart, such as, 'left', 'right', 'justify', or 'center'.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_scatter_chart ~178

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.

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for scatter chart, such as, [{ x: 10, y: 15 }].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_treemap_chart ~177

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.

NameTypeReqDescription
dataarrayyesData for treemap chart which is a hierarchical structure, such as, [{ name: 'Design', value: 70, children: [{ name: 'Tech', value: 20 }] }], and the maximum depth is 3.
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_venn_chart ~208

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.

NameTypeReqDescription
dataarrayyesData for venn chart, such as, [{ label: 'A', value: 10, sets: ['A'] }, { label: 'B', value: 20, sets: ['B'] }, { label: 'C', value: 30, sets: ['C'] }, { label: 'AB', value: 5, sets: ['A', 'B'] }].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_violin_chart ~195

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

NameTypeReqDescription
axisXTitlestringSet the x-axis title of chart.
axisYTitlestringSet the y-axis title of chart.
dataarrayyesData for violin chart, such as, [{ category: '分类一', value: 10 }] or [{ category: '分类二', value: 20, group: '组别一' }].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.

generate_word_cloud_chart ~173

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.

NameTypeReqDescription
dataarrayyesData for word cloud chart, it should be an array of objects, each object contains a `text` field and a `value` field, such as, [{ value: 4.272, text: '形成' }].
heightnumberSet the height of chart, default is 400.
styleobjectCustom style configuration for the chart.
themestringSet the theme for the chart, optional, default is 'default'.
titlestringSet the title of chart.
widthnumberSet the width of chart, default is 600.

No output schema declared.

No examples provided.