摘要:AntV 团队为 Claude Code 推出 6 大可视化 Skill,涵盖图表、信息图、地图、数据叙事等场景,AI 画图终于能直接用了。
让 AI 帮你画张图表,结果出来的配色像上世纪的学术论文,字体歪歪扭扭,排版一塌糊涂。拿去汇报,领导以为你在敷衍。换成 ECharts 重做一遍,Claude Code 又老是生成已经废弃的配置项,跑都跑不起来。
数据可视化这块,AI 一直没真正搞好。不是画不出来,是画出来的东西没法直接用。
蚂蚁集团的 AntV 团队出了一整套 Claude Code Skill,专门解决这个问题。
AntV 是什么
苏米注:AntV 在国内数据可视化领域算是老牌团队了,很多开发者都用过他们的库。
AntV 是蚂蚁集团的数据可视化团队,2017 年开始搞开源。旗下有 G2 做统计图表,G6 做关系图,L7 做地理可视化,S2 做透视表。阿里和蚂蚁内部两万多个业务系统跑的图表,底层全是 AntV。
国内做数据可视化的开发者,多半接触过这套东西。跟 Ant Design 是同一个体系,只不过 AntV 专攻图表方向。
六个模块各自干什么
装上这套 Skill 之后会多出六个功能:图表可视化、信息图、地图、数据叙事、透视表、图标库。
- 图表可视化:支持 26 种图表类型,自动选型
- 信息图:200 个模板,文字描述直接生成
- 地图:L7 引擎,WebGL 渲染,三种底图可选
- 数据叙事:T8 语法,数据转结构化文字报告
- 透视表:S2 引擎,百万行数据 4 秒渲染
- 图标库:为 dashboard 和信息图配 SVG 图标
六个加一块,基本把"拿到数据之后你想做的所有事"都覆盖了。
图表自动选型怎么用
给一组销售数据,它不是简单按规则匹配。数字用柱状图、时间用折线图这种粗暴逻辑,它不走。它会分析数据的维度、分布和相互关系,再决定用什么类型。
示例 1:各产品线月度销售数据
想看哪个增长最快?它会选双轴组合图:左边柱状图放月度销售额,右边折线图放同比增长率,增长最高的产品线单独标注出来。你不用指定用柱状图还是折线图,描述清楚你想看什么就行。
示例 2:50 个员工绩效数据
包含工龄、部门、分数,想分析绩效和工龄的关系。它直接出分组散点图:X 轴工龄 Y 轴分数,按部门着色,再附一条趋势线。画完图还顺带告诉你,技术部门工龄和绩效的相关性最强。
信息图:一句话出图
给它一段文字描述,它直接生成信息图,就是那种公众号和商业报告里常见的、带图标带色块有层级关系的图。
比如说你要对比 SaaS 订阅和一次性买断两种模式。它匹配左右分栏的对比模板,左列蓝色调放 SaaS 的特点,右列橙色调放买断的特点,底部加一条决策提示。以前这种东西得开设计工具改模板,现在一句话搞定。
地图能做到什么程度
WebGL 渲染,支持热力图、散点图、区域填充、弧线流向。
示例 1:全国销售地图
给 28 个分公司的销售数据,要按省份聚合画中国地图。它读完数据按省份聚合成 18 个省,生成区域填充图,颜色深浅对应金额大小,各省份总部城市打上标注,鼠标悬停能看该省总销售额和门店数。输出是可交互的 HTML 文件。
示例 2:物流路线流向图
给 3284 条北京发出的订单,按终点城市聚合成 156 个,画弧线流向图。起点统一标在北京,线条粗细对应订单量,还带从北京向外扩散的流向动画。效果跟花钱定制的 BI 大屏差不多。
为什么比直接用 ECharts 强
苏米注:这点我深有体会,用 ECharts 时 AI 经常生成废弃的 API 参数,调试起来很麻烦。
AntV 的 Skill 用的是声明式语法,跟 Markdown 差不多,AI 模型天然擅长生成这种东西。ECharts 是命令式 API,几十上百个参数,AI 经常记错已经废弃的字段。
他们还有个 GPT-Vis 的库,专门为 AI 生成场景优化过。支持流式渲染,AI 边生成边显示,数据不完整的时候也能降级显示已有的部分,不会直接白屏报错。
关键洞察:给 AI 用的工具和给人用的工具,需求完全不同。人可以手动改一个 JSON 的语法错误,但 AI 生成的内容天生就可能不完整,工具得能容错才行。
谁适合用
- 经常做数据报告的人:周报月报季度汇报都需要图表,以前导出数据开 Excel 画图截图粘贴到 PPT,现在把数据丢给 Claude Code 一句话出图
- 做 BI 和数据产品的开发者:项目里本来就可能用 AntV 的库,装了 Skill 之后 Claude Code 生成的代码直接就是 AntV 的 API,不用再翻文档
- 不碰数据的人:用不上
- 对设计风格有极高定制要求的:AntV 默认样式够好但不够自定义,还是得手动调参
安装方法
安装一条命令:
npx skills add antvis/chart-visualization-skills
GitHub 仓库:https://github.com/antvis/chart-visualization-skills
一个值得注意的趋势
蚂蚁集团给 Claude Code 做 Skill 这件事,本身释放了一个信号。AntV 是开源项目,做 Skill 不是做慈善,是在抢 AI 时代的开发者入口。
通过 Claude Code 用 AntV 图表的人越多,AntV 在开发者社区的渗透率就越高。Skill 是目前让 AI 调用你库的最低摩擦方式,比让开发者自己学 API 有效得多。
趋势观察:以前开源项目比的是 API 好不好用、文档全不全。现在多了个维度:AI 用起来方不方便。