
Chart Visualization
将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能,通过 curl 工具调用 AntV API...
Install
npx skills add ZJU-REAL/Easel --skill chart-visualization -g -a claude-code -y- Repository
- ZJU-REAL/Easel4.3k
- Category
- Engineering
- Updated
- 3d ago
- License
- Apache-2.0
- Context cost
- Lightabout 1,014 tokens
- Runs scripts
- No, instructions only
What it does
将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能,通过 curl 工具调用 AntV API 生成图表图片。产出静态图片 URL(25+ 类型);要本地渲染的信息图/GIF 动画图表用 infographic,要 CSV/JSON→整页报告用 data-report
请根据用户输入的内容,将数据可视化为图表。
与其他图表 SKILL 的区别
三者都能"生成图表",但机制与产物不同,按需求路由:
- chart-visualization(本 SKILL) = 调 AntV 远程 API(gpt-vis),产出静态图片 URL,25+ 图表类型,最快拿到单张图。要单张标准统计图、直接拿到图片链接时用它。
- infographic = 本地 JS 渲染,产出信息图 / GIF 动画图表(列表/流程/对比/层级模板 + 逐帧动画)。要可导出 SVG 的结构化信息图、或带入场动画的 GIF/MP4 时用它。
- data-report = 输入 CSV/Excel/JSON,产出整页可视化报告(KPI 卡 + 多图 + 数据洞察 + 表格)。要一份完整报告页而非单图时用它。
步骤
- 分析用户数据和需求,选择最合适的图表类型
- 构造符合规范的 JSON 请求体
- 使用 curl 工具调用 API 生成图表图片
- 将返回的图片 URL 以 Markdown 图片格式输出
图表选择指南
根据用户的数据特征和需求,选择最合适的图表类型:
- 时间序列:用
line(趋势)或area(累计趋势);两个不同量纲用dual-axes - 比较类:用
bar(横向分类对比)或column(纵向分类对比);频率分布用histogram - 占比类:用
pie(比例构成)或treemap(层级占比) - 关系与流程:用
scatter(相关性)、sankey(流向)或venn(集合重叠) - 层级与树形:用
organization-chart或mind-map - 专用类型:
radar:多维度对比funnel:流程阶段转化liquid:百分比/进度word-cloud:文本词频boxplot/violin:统计分布network-graph:复杂节点关系fishbone-diagram:因果分析flow-diagram:流程图spreadsheet:结构化数据表或透视表
API 接口
POST https://antv-studio.alipay.com/api/gpt-vis
该端点为 AntV/支付宝官方 gpt-vis 公共免费托管服务,无需 key;公共服务可能限流或调整,返回失败时重试或退回本地渲染(infographic 模式 A)。
请求体为 JSON,必须包含 type 和 source: "chart-visualization-skills" 字段。
示例:
curl -X POST https://antv-studio.alipay.com/api/gpt-vis \
-H "Content-Type: application/json" \
-d '{"type":"line","source":"chart-visualization-skills","data":[{"time":"2025-01","value":100}],"title":"示例图表"}'
返回示例:
{"success":true,"resultObj":"https://..."}
将 resultObj 中的 URL 以 Markdown 图片格式输出:
