一个基于 CNB NPC 的数据可视化智能助手,在 Issue 评论区通过 @npc/ChartGPT 召唤,帮你将数据转化为直观的图表和可视化作品。
🚀 本地渲染,极致省 Token
所有图表均在容器内本地渲染生成图片,AI 只需输出简短的数据 JSON,不需要生成任何前端代码、SVG 标记或 Base64 图片数据。
| 方案 | AI 需要输出的内容 | Token 消耗 |
|---|---|---|
| ❌ 传统方案 | 完整的 HTML/JS/SVG 代码 | 数千~数万 Token |
| ✅ 本方案 | 仅图表类型 + 数据 JSON | 几百 Token |
核心原理:AI 只需告诉本地渲染服务"画什么图、用什么数据",渲染服务自动完成图表生成和图片导出。零外部 API 调用,零云端依赖,完全私有化部署。
基于 AntV chart-visualization-skills 提供可视化能力,通过独立的 GPT-Vis-SSR 容器实现本地渲染。
┌──────────────────────────────────────────────┐ │ NPC Agent Container │ │ └── chart-visualization-skills │ │ POST /render ──────────────┐ │ │ (仅传 type + data JSON) │ │ │ (几百 Token 搞定) │ │ │ ▼ │ │ ┌──────────────────┐ │ │ │ GPT-Vis-SSR 容器 │ │ │ │ port 3000 │ │ │ │ 本地渲染 PNG │ │ │ └──────────────────┘ │ └──────────────────────────────────────────────┘ VIS_REQUEST_SERVER=http://127.0.0.1:3000/render
不需要 GPU,纯 CPU 渲染,普通容器环境即可运行。
在 Issue 评论区 @npc/ChartGPT 并描述你的需求即可,例如:
@npc/ChartGPT 帮我用柱状图展示以下销售数据:一月 100,二月 150,三月 200,四月 180
@npc/ChartGPT 帮我用饼图展示部门人数占比:研发 40,产品 15,设计 10,运营 20,市场 15
@npc/ChartGPT 帮我用折线图展示近半年的月活趋势:1月 5000,2月 5500,3月 6200,4月 7000,5月 6800,6月 7500