一句话生成 25+ 图表、思维导图、地图路书,还能直接塞进 PPT——看完你就知道,为什么所有 AI 应用都在等这个 MCP。

在这里插入图片描述


1. 先放实现效果

Prompt:

分析影响项目延期的主要原因。

3 秒后:
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

—— 图是 AI 直接返回的,我没打开任何可视化软件。
这就是 MCP-Server-Chart 的杀伤力:把“画图”变成一次 LLM 工具调用。 >> 一键体验


2. 为什么“可视化”成了 AI 应用的最后一公里?

痛点 现场吐槽
数据孤岛 模型只会“说”,不会“画”,再香的分析也只能甩一堆 JSON。
集成噩梦 每接一个图表库,就要写一份 OpenAPI + 鉴权 + 格式转换,代码量≈一个小项目。
体验断层 前端同学连夜加班,把 ECharts 配置调完,产品经理一句“还是 Excel 默认主题好看”直接破防。

MCP(Model Context Protocol)的出现,就是要把“集成”降维成“一句话”。
MCP-Server-Chart 是蚂蚁 AntV 团队交出的“官方参考答案”——25+ 图表、思维导图、组织架构、地图路书,全部封装成标准 Tool,任何 LLM 都能“零成本”调用。


2. 一张图看懂 MCP-Server-Chart 架构

在这里插入图片描述

关键词:

  • “模型看得懂”:每个图表都有官方写好的 JSON-Schema,LLM 自动填充参数,0 幻觉。
  • “服务器出图”:不再依赖前端运行时,Node 端直接渲染 4K 图片,PPT 党狂喜
  • “全开源”:GitHub 已收获 3k+ Star,25+ 图表,支持手绘主题、样式配置等。

3. 实战:5 分钟把“画图能力”装进你的 Agent

① 安装(客户端支持:Cherry Studio / Claude / Cline / Cursor)

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

一行命令,无需 Docker,无需 GPU,本地秒级启动。

② 对话即出图

场景 Prompt 示例
日报 “把本周工单量画成堆叠面积图,标题红色,导出 1600×900 PNG。”
脑图 “生成 10 天入门 Rust 思维导图,节点用彩虹色。”
地图 “上海一日游路线:豫园→外滩→陆家嘴,帮我画路书并标注地铁口。”

③ 直接拿到双格式

  • svg:可交互,嵌网页。
  • png:高清 300 dpi,直接贴 Confluence、飞书、Word。

4. 结语:当 AI 拥有“眼睛”,数据才真正活起来

MCP-Server-Chart 不是简单地把 AntV 再包一层,而是把“可视化”这一高门槛技能,压缩成一次函数调用
从此,LLM 不再只是“文本大脑”,而是“眼手并用”的完整智能体

GitHub 地址(冲 Star!):
https://github.com/antvis/mcp-server-chart
https://github.com/antvis/GPT-Vis

在线体验(免安装):
https://modelscope.cn/mcp/servers/@antvis/mcp-server-chart

评论区说说:你最想让 AI 帮你画什么图?

参考
GPT-VIS:让模型栩栩如生
在 Dify 上搭建 Agent,加强数据可视化效果
做一个 AntV 的 MCP 插件:mcp-server-chart

Logo

更多推荐