Repolode
提交项目
microsoft

microsoft/flint-chart

面向 AI 智能体的可视化中间语言，将简洁的图表规格编译为 Vega-Lite、ECharts、Chart.js、Plotly 或 Excel 图表。

在 GitHub 查看官网
Star
4,380
Fork
247
未关闭 Issue
37
最近提交
前天

这是什么？

Flint 是一种面向 AI 智能体的可视化中间语言。智能体无需手动指定刻度、坐标轴、间距、标签和布局等参数，Flint 会根据高层语义规格、数据以及可选的视觉主题自动推导这些决策。简洁的规格可以编译为原生的 Vega-Lite、ECharts、Chart.js、Plotly 图表，或可继续编辑的 Excel 图表。

仓库包含两个包：`flint-chart` 是 TypeScript 库，用同一种输入结构生成各后端的原生图表对象；`flint-chart-mcp` 是 MCP 服务器，让智能体在对话或编码客户端中直接创建、校验并渲染图表。项目还提供托管的 MCP 地址，便于快速体验。

视觉主题（如 Economist、Swiss、Pop）将图表含义与呈现方式分离，自定义主题可以继承预设并覆盖具体样式。目前主题主要作用于 Vega-Lite 与 Plotly 输出。

核心功能

  • 01通过 70 多种语义类型（如 Rank、Price、Country）描述字段含义，指导图表设计。
  • 02根据数据自动调整尺寸、间距、标签、标记和图例。
  • 03支持内置与自定义视觉主题，可在整个图表库中统一应用。
  • 04同一输入可编译为 Vega-Lite、ECharts、Chart.js、Plotly 或原生 Excel 图表。
  • 05提供 MCP 服务器，让智能体校验并交互式渲染图表。

适用场景

  • 让聊天客户端中的 AI 助手基于数据直接生成图表。
  • 通过统一主题，在整个产品中输出风格一致的品牌图表。
  • 从程序化定义的规格生成可编辑的 Excel 图表。
  • 无需重写即可在不同图表库之间复用同一份图表定义。

快速上手

  1. 1

    在你的 JavaScript/TypeScript 项目中安装库

    npm install flint-chart
  2. 2

    为智能体和 MCP 客户端运行 MCP 服务器

    npx -y flint-chart-mcp

使用前须知

  • Python 包尚未发布，仓库中仅有源码预览版本。
  • 目前 ThemeSpec 仅影响 Vega-Lite 输出，不影响其他后端。
  • 描述该项目的研究论文尚未发布。

标签

#data-visualization#ai-agents#mcp-server#charting#vega-lite#echarts#typescript#charting-library

常见问题

flint-chart 是什么？
面向 AI 智能体的可视化中间语言，将简洁的图表规格编译为 Vega-Lite、ECharts、Chart.js、Plotly 或 Excel 图表。 Flint 是一种面向 AI 智能体的可视化中间语言。智能体无需手动指定刻度、坐标轴、间距、标签和布局等参数，Flint 会根据高层语义规格、数据以及可选的视觉主题自动推导这些决策。简洁的规格可以编译为原生的 Vega-Lite、ECharts、Chart.js、Plotly 图表，或可继续编辑的 Excel 图表。
flint-chart 可以免费使用吗？用的什么许可证？
flint-chart 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
flint-chart 还在维护吗？
活跃维护中。flint-chart 最近一次提交是在 2026年10月18日。
flint-chart 适合用来做什么？
让聊天客户端中的 AI 助手基于数据直接生成图表。 通过统一主题，在整个产品中输出风格一致的品牌图表。 从程序化定义的规格生成可编辑的 Excel 图表。 无需重写即可在不同图表库之间复用同一份图表定义。
flint-chart 怎么安装和运行？
在你的 JavaScript/TypeScript 项目中安装库: npm install flint-chart 为智能体和 MCP 客户端运行 MCP 服务器: npx -y flint-chart-mcp
在哪里获取 flint-chart？
源代码和安装说明在 GitHub 上：https://github.com/microsoft/flint-chart

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目