flint-chart
活跃·★ 4.4k·MIT·更新于 2026-10-22
Flint 是微软推出的可视化中间语言，让 AI 智能体可以用简单、人也能编辑的图表规格创建精美的图表。它不要求智能体或开发者去调整比例尺、坐标轴、间距、标签和布局等繁琐的设置，而是由 Flint 编译器根据数据、语义类型、图表类型和编码推导出优化后的设置。结果是一份紧凑的规格，智能体能稳定地生成，人可以直接编辑，多个后端可以把它渲染成原生的 Vega-Lite、ECharts 或 Chart.js 规格。
仓库有两个主要组件：flint-chart，把同一份输入编译到这三种后端的 JavaScript 和 TypeScript 库；以及 flint-chart-mcp，让智能体在聊天或编程环境里创建、校验和渲染图表的 MCP 服务。功能包括：使用 70 多种语义类型（如 Rank、Temperature、Price 或 Country）的语义图表规格、根据数据基数和画布约束的自动布局、三种后端上 30 多种图表类型，以及提供模板、校验和交互式图表视图的 MCP 服务。用 `npm install flint-chart` 或 `npx -y flint-chart-mcp` 安装；Python 包尚未发布，目前的移植只是仅限源码的预览版。采用 MIT 许可证。
指南
0.5.1 · 2026-08-14npm 包flint-chart 0.5.1 · 32,164 上周下载 来源：GitHub、npm 和 PyPI 的公开接口。
#可视化#图表绘制#AI代理#数据可视化#编译器#Vega-Lite#ECharts#Chart.js
01
功能特性
01支持使用70多种语义类型（如等级、温度、价格、国家）的语义图表规范。
02自动布局，根据数据和限制调整尺寸、间距、标签、标记和图例。
03编译至多个后端，支持 Vega-Lite、ECharts 和 Chart.js 中的 30 多种图表类型。
04通过 MCP 服务器实现代理就绪的图表创作，支持交互式视图并直接集成到聊天/编码环境。
02
为什么选择它
+紧凑的图表规格，智能体能稳定生成，人也能编辑，布局和坐标轴由系统自动推导。
+一份输入可编译成 Vega-Lite、ECharts 或 Chart.js，涵盖 30 多种图表类型。
+70 多种语义类型让编译器能根据每个字段的含义选择合理的编码。
+带有用于创建、校验和渲染图表的 MCP 服务，采用 MIT 许可证，由微软出品。
03
权衡点
!Python 包尚未发布，目前的 Python 移植只是仅限源码的预览版。
!它是一种新的中间语言，你需要学习 Flint 的规格格式和语义类型，而不是某个后端原生的格式。
!它只能通过三种受支持的后端生成图表，更多后端被描述为后续才会支持。
04
维护状况检查
活跃检查日期: 2026-10-22
- 最近提交
- 2026-10-21
- 近 90 天提交数
- 100+
- 近 90 天发布数
- 4
- 最新发布
- 1.0 (2026-10-21)
- 未关闭 issue
- 37
- 近期 issue 至少有一条评论的比例
- 4/11
近 12 周每周提交数
最早的一周在左边，最近 4 周为橙色。数据来源：GitHub 提交统计。
状态规则：GitHub 上已归档 = 已归档；最近提交在 90 天内 = 活跃；91 到 365 天 = 放缓；更久 = 停滞。所有数字来自所示日期的 GitHub API。
05
兼容性
JavaScript/TypeScript
语言
已通过文档验证
MCP (Model Context Protocol)
集成
已通过文档验证
06
快速开始
1
$ npm install flint-chart
07
使用场景
↳AI 代理根据简单的高级指令生成复杂的数据可视化。
↳开发人员创建富有表现力的图表，而无需手动配置比例尺、坐标轴和布局等详细信息。
↳通过 MCP 服务器将交互式图表创建、验证和渲染直接集成到聊天或编码环境中。
↳使用统一的输入在不同的 JavaScript 图表库（Vega-Lite、ECharts、Chart.js）之间无缝切换。
4 条评论 · 2026-08-17
issue 标题引自 GitHub。请打开链接确认该问题是否仍适用于你使用的版本。
VS
polymarket-paper-trader
★492
→
07
使用场景
在 DigitalOcean 上一键部署
为你的 MCP 服务、Docker 容器与智能体提供即开即用云服务器，新用户立享 $200 免费额度（60天有效）。
