蚂蚁的可视化图表 MCP 首发上线!支持超过 25 种的可视化图表生成,也支持生成路书!

简介: 蚂蚁 AntV 团队推出可视化图表 MCP 插件,支持 25+ 种图表类型,涵盖统计图、关系图及地图标注、路径地图等,用户只需输入文本即可生成炫酷图表,大幅简化数据可视化流程,提升数据展示效率。

一.前言


近日,蚂蚁 AntV 团队的可视化图表(mcp-server-chart)MCP 正式首发上线魔搭社区。用户只需简单文本输入,即可生成 25+ 种可视化图表,不仅覆盖折线图、柱状图、饼图等统计图表,还可生成组织架构、思维导图等关系类图表。近期还上线了标注地图、路径地图等,可以直接生成路书了!

魔搭社区MCP链接

AntV 可视化图表插件是基于 AntV 可视化解决方案 封装的可视化图表生成 MCP 插件,支持 25+ 常用可视化图表的生成,通过 MCP 工具创建各种类型的图表,使每个人都能轻松创建炫酷的图表,告别复杂操作,让数据展示变得轻松又简单。


640 - 2025-07-11T180256.040.png


二.AntV 可视化图表 MCP

AntV 可视化图表(mcp-server-chart)MCP 能让数据可视化变得超级简单,目前已经支持超过 25 种常用的可视化图表类型


AntV 工具名称

简要描述

效果图

generate_line_chart

中国近10年大学生毕业数量趋势图

640 - 2025-07-11T180501.353.png

generate_bar_chart

近10年北京和上海人均GDP条形图

640 - 2025-07-11T180749.723.png

generate_dual_axes_chart

使用杭州最近15天平均温度为折线,降雨量为柱形生成双轴图

640 - 2025-07-11T180821.663.png

generate_pie_chart

某产品市场占比图

640 - 2025-07-11T180907.006.png

generate_radar_chart

王者荣耀中李白和王昭君能力雷达图

640 - 2025-07-11T180928.396.png

generate_network_graph

哈利波特中人物关系图

640 - 2025-07-11T180953.750.png

generate_mind_map

10天学习前端知识思维导图

640 - 2025-07-11T181011.186.png

generate_organization_chart

英伟达公司的组织架构图

640 - 2025-07-11T181043.890.png

除了常见的统计图表和关系图之外,AntV 可视化图表(mcp-server-chart)MCP 还支持标注地图和路径地图。

例如:我让大语言模型生成了上海一日游规划:


640 (56).jpg


可以直接让它继续帮我在地图上标注出地图,并把路线图画出来:


640 - 2025-07-11T181337.679.png


路线图结果:


640 - 2025-07-11T181426.390.png


动态交互网页(支付宝扫上面的二维码):


640 - 2025-07-11T181500.079.png


三.整体设计

基于面向 AI 消费的 GPT-Vis 可视化组件库,通过 MCP 服务能力实现一套高效出图的 AI 可视化插件, 在各大 AI 应用开发平台(dify、百宝箱)落地。


640 (57).jpg


AntV 可视化 MCP 主要涉及的内容:

-面向 AI 消费 GPT-Vis

--可视化图表 GPT-Vis 组件库 [1],提供 25+ 可供 AI 消费的图表。

--GPT-Vis 使用 「模型 + 知识库」 可以产出可交互图表,并且在百宝箱(百灵)中使用。

-GPT-Vis SSR 服务端渲染

--基于 GPT-Vis 的设计,以及 G2、G6 的服务器端渲染能力(SSR),我们成功实现了 GPT-Vis SSR,使其能够进行图表的 SSR 渲染出静态图片。

--图片相比前端 UI 组件,有更好的跨端和传输特性。

-出图服务

--利用 GPT-Vis SSR封装成静态图表生成工具,提供静态出图服务,在蚂蚁内部使用 NodeJS 搭建,然后对外可访问。

-AntV MCP Server

--依据 MCP 协议,实现 MCP Server 插件并开源[2]。

--MCP 协议明确规范工具(Tools)的定义,使得模型能够直接识别并解析工具中的参数。

-上架 MCP 市场和 Agent 平台


四.快速上手

在魔搭社区 MCP 实验场直接体验

可视化图表MCP: 点击打开链接,页面右侧点击“试用”,可直接跳转 MCP 实验场。


640 (58).jpg

您可以使用 Cherry Studio、Claude Desktop、Goose 等任意客户端接入可视化 MCP,Cherry Studio 配置界面如下:


640 - 2025-07-11T181944.100.png


也可以复制以下配置文件:

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

五.结语

AntV 可视化图表 MCP 的发布,标志着数据可视化迈入了更加简便、智能的新阶段。通过魔搭社区首发上线的 AntV 可视化图表(mcp-server-chart)MCP,用户仅需简单文本输入,即可快速生成 25+ 种可视化图表,涵盖统计图表、关系类图表以及近期上线的标注地图、路径地图等。这不仅让数据展示变得轻松又简单,还极大地降低了数据可视化的门槛,使每个人都能轻松创建炫酷的图表,无需复杂操作。随着 MCP 协议的普及与推广,AntV 可视化图表 MCP 必将在 AI 工具生态中扮演越来越重要的角色,为数据可视化领域带来更多的创新与变革。


Reference

[1] GPT-Vis

[2] mcp-server-chart

相关文章
|
数据可视化 搜索推荐 数据处理
Dify Agent + AntV 实战:从 0 到 1 打造数据可视化解决方案
本文介绍如何结合Dify Agent与AntV,打造高效、灵活的数据可视化解决方案。通过低代码构建数据流程,调用AntV丰富图表工具,实现从数据到多样可视化图表的快速生成,助力开发者兼顾效率与个性化需求。
1872 0
Dify Agent + AntV 实战:从 0 到 1 打造数据可视化解决方案
|
9月前
|
数据可视化 前端开发 安全
AgentScope 1.0 全面进化,从原型走向产业落地!
AgentScope全新升级,打造生产级智能体生态:推出开箱即用的Alias、EvoTraders等应用,支持多场景落地;强化基建,实现动态技能扩展、白盒化运行与多语言支持;集成语音交互、数据工程等能力,提供从开发到部署的全链路解决方案。
5227 0
|
Web App开发 人工智能 自然语言处理
快速搞定Dify+Chrome MCP:打造能操作网页的AI助手
用Dify+Chrome MCP,3分钟打造能“动手”操作网页的AI助手!无需编程,通过自然语言指令实现自动填表、数据抓取、网页点击等自动化任务。本地部署简单,支持搜索、登录、监控等场景,让AI成为你的7×24小时数字员工,高效处理重复性网页工作。
|
人工智能 Java API
MCP客户端调用看这一篇就够了(Java版)
本文详细介绍了MCP(Model Context Protocol)客户端的开发方法,包括在没有MCP时的痛点、MCP的作用以及如何通过Spring-AI框架和原生SDK调用MCP服务。文章首先分析了MCP协议的必要性,接着分别讲解了Spring-AI框架和自研SDK的使用方式,涵盖配置LLM接口、工具注入、动态封装工具等步骤,并提供了代码示例。此外,还记录了开发过程中遇到的问题及解决办法,如版本冲突、服务连接超时等。最后,文章探讨了框架与原生SDK的选择,认为框架适合快速构建应用,而原生SDK更适合平台级开发,强调了两者结合使用的价值。
14796 33
MCP客户端调用看这一篇就够了(Java版)
|
XML 存储 API
RAG效果优化:高质量文档解析详解
本文介绍了如何通过高质量的文档解析提升RAG系统整体的效果。
17781 15
|
存储 人工智能 API
AgentScope:阿里开源多智能体低代码开发平台,支持一键导出源码、多种模型API和本地模型部署
AgentScope是阿里巴巴集团开源的多智能体开发平台,旨在帮助开发者轻松构建和部署多智能体应用。该平台提供分布式支持,内置多种模型API和本地模型部署选项,支持多模态数据处理。
16778 78
AgentScope:阿里开源多智能体低代码开发平台,支持一键导出源码、多种模型API和本地模型部署

热门文章

最新文章