# Microsoft Research 開源 Flint：用可編輯規格生成完整圖表並輸出多種格式

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 原作者：オープンソース研究所 (@opensourcelab9) · 策展與摘要：EasyVibeCoding · 平台：X (Twitter) · 熱度：🔥 · 日期：2026-08-12

> 原始來源：https://x.com/opensourcelab9/status/2086641183582036082

## 證據與延伸閱讀

- [Microsoft Research 開源 Flint：用可編輯規格生成完整圖表並輸出多種格式](https://www.microsoft.com/en-us/research/blog/flint-a-visualization-language-for-the-ai-era/) — 官方文件
- [Flint 是開源的視覺化中介語言](https://github.com/microsoft/flint-chart) — 官方 Repository
- [Flint 0.5.0 加入正式 theme 規格](https://github.com/microsoft/flint-chart/blob/main/CHANGELOG.md) — 官方 Repository

## 中文摘要

Microsoft Research 開源 Flint：用可編輯規格生成完整圖表並輸出多種格式。

**分享重點**Flint 是開源的視覺化中介語言，使用者只要描述資料的意義，例如順位、氣溫、價格或國家等 70 多種語意類型，系統就能自行推導比例尺、軸線、格式、標籤、圖例與版面配置。相同規格還能輸出 Vega-Lite、ECharts、Chart.js、Plotly，或可編輯的 Excel 原生圖表。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/20ef7411c1dd9df0.png)
> Microsoft 開源的視覺化語言 Flint（flint-chart）能讓 AI agent 透過精簡規格自動生成涵蓋 Vega-Lite、ECharts、Chart.js、Plotly 與 Excel 等多種渲染後端的專業圖表。

**Agent 整合**專案同時提供 `flint-chart` JavaScript／TypeScript 程式庫與 `flint-chart-mcp` MCP 伺服器。Agent 可在聊天或程式開發環境中建立、驗證並渲染圖表，也能開啟互動式檢視畫面；不使用 MCP 時，專案另提供圖表製作 skill（`agent-skills/flint-chart-author/SKILL.md`）。基本安裝指令如下：

```bash
npm install flint-chart
npx -y flint-chart-mcp
```

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/05ab3e63d6155222.png)
> Microsoft 開源視覺化語言 Flint，支援 AI Agent 透過精簡規格自動生成多種圖表引擎與 Excel 的精美統計圖表。

**研究結果**Microsoft Research 於 2026 年 7 月 8 日說明，Flint 是為了解決「簡短規格往往缺乏設計感、完整規格又冗長且容易出錯」的取捨。在以 Tidy Tuesdays 資料測試的三個模型中，Flint 的 LLM 評審分數都高於直接產生完整 Vega-Lite 規格的 DirectVL：GPT-5.1 為 16.27 對 15.91、GPT-5-mini 為 16.16 對 15.60、GPT-4.1 為 15.91 對 15.34；目前也已用於 Microsoft Research 的 Data Formulator。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/5f013840f674666b.png)
> Flint 讓 AI Agent 能透過精簡規格自動生成涵蓋圓餅圖、長條圖、熱圖與雷達圖等多種高品質圖表。

**近期進展**Flint 0.5.0 於 2026 年 8 月 5 日加入正式 theme 規格，可將同一套視覺系統套用到整個圖表庫，並附有十種預設主題。專案由 Microsoft Research 與 Renmin University of China 的 IDEAS Lab 合作開發，原始碼已公布於 [GitHub](https://github.com/microsoft/flint-chart)。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/4ff9ccaa1b29a3ee.png)
> Flint 將精簡的 Flint SPEC 編譯為 Vega-Lite 規範並生成視覺化熱圖

 

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1786471567979-9690a02t.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/b354dbb8fcbb2b3b.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 來源：[@MSFTResearch](https://x.com/MSFTResearch/status/2074890000559112225)（回覆）｜背景為藍綠漸層的圖卡，畫面中央置有白色線條繪製的圖表、網路節點與流程圖三組圖示。

## 媒體內容

**Microsoft 開源的視覺化語言 Flint（flint-chart）能讓 AI agent 透過精簡規格自動生成涵蓋 Vega-Lite、ECharts、Chart.js、Plotly 與 Excel 等多種渲染後端的專業圖表。**

**數據表（1）Desktop browser share**

| 項目 | 數值 |
| --- | --- |
| Chrome | 65% |
| Safari | 12% |
| Edge | 12% |
| Firefox | 6% |
| Opera | 5% |
| Other | 1% |

**數據表（2）Almonds, oats and yogurt**

|   | Almonds | Oats | Greek yogurt | Almonds | Oats | Greek yogurt | Almonds | Oats | Greek yogurt | Almonds | Oats | Greek yogurt | Almonds | Oats | Greek yogurt |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| Fiber | 20 | 66 | 4 | 20 | 66 | 4 | 20 | 66 | 4 | 20 | 66 | 4 | 20 | 66 | 4 |

**數據表（3）Most populous countries, 2023 (millions)**

| 項目 | 數值 |
| --- | --- |
| India | 1429 |
| China | 1426 |
| United States | 340 |
| Indonesia | 278 |
| Pakistan | 241 |
| Nigeria | 224 |
| Brazil | 216 |
| Bangladesh | 173 |
| Russia | 144 |
| Mexico | 129 |

**數據表（4）Paris 2024 Olympic medals — top nations**

|   | Gold | Silver | Bronze | Gold | Silver | Bronze | Gold | Silver | Bronze | Gold | Silver | Bronze | Gold | Silver | Bronze |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| United States | 16 | 26 | 22 | 16 | 26 | 22 | 16 | 26 | 22 | 16 | 26 | 22 | 16 | 26 | 22 |

**數據表（5）Electricity generation mix by country, 2023 (%)**

|   | Nuclear | Renewable | Fossil | Nuclear | Renewable | Fossil | Nuclear | Renewable | Fossil | Nuclear | Renewable | Fossil | Nuclear | Renewable | Fossil |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| France | 2 | 89 | 9 | 2 | 89 | 9 | 2 | 89 | 9 | 2 | 89 | 9 | 2 | 89 | 9 |

**數據表（6）Mobile OS market share, 2024**

| 項目 | 數值 |
| --- | --- |
| Android | 71% |
| iOS | 28% |
| Other | 1% |

**Microsoft 開源視覺化語言 Flint，支援 AI Agent 透過精簡規格自動生成多種圖表引擎與 Excel 的精美統計圖表。**

**數據表（1）Keeling Curve**

| 項目 | 數值 |
| --- | --- |
| 起始 (1960) | 316 ppm |
| 結束 (2020) | 415 ppm |

**數據表（4）Monthly temperature by city**

| 項目 | 數值 |
| --- | --- |
| 城市 | Singapore, Delhi, Cairo, Sydney, Seattle, Moscow |
| 月份 | Jan-Dec |

**數據表（5）Desktop browser share**

| 項目 | 數值 |
| --- | --- |
| Chrome | 65% |
| Safari | 12% |
| Edge | 12% |
| Firefox | 6% |
| Other | 5% |

**數據表（6）CO2 emissions per person**

| 項目 | 數值 |
| --- | --- |
| Qatar | 37 |
| UAE | 22 |
| Australia | 15 |
| United States | 15 |
| Canada | 14 |
| South Korea | 12 |
| Russia | 11 |
| Japan | 8.5 |
| China | 8 |
| Germany | 8 |
| South Africa | 6.7 |
| UK | 5 |
| France | 4.6 |
| Mexico | 3.3 |
| Brazil | 2.3 |
| India | 2 |

**數據表（7）Life expectancy, 2000 to 2021**

|   | 2000 | 2021 | 2000 | 2021 | 2000 | 2021 | 2000 | 2021 | 2000 | 2021 | 2000 | 2021 | 2000 | 2021 |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| Japan | 46.6 | 52.7 | 46.6 | 52.7 | 46.6 | 52.7 | 46.6 | 52.7 | 46.6 | 52.7 | 46.6 | 52.7 | 46.6 | 52.7 |

**數據表（10）The Big Mac index**

| 項目 | 數值 |
| --- | --- |
| Switzerland | 8.1 |
| Norway | 6.9 |
| United States | 5.7 |
| Euro area | 5.5 |
| UK | 4.9 |
| Brazil | 4.5 |
| Mexico | 3.9 |
| China | 3.5 |
| Japan | 3.2 |
| Egypt | 2.7 |
| South Africa | 2.6 |
| India | 2.5 |

**Flint 讓 AI Agent 能透過精簡規格自動生成涵蓋圓餅圖、長條圖、熱圖與雷達圖等多種高品質圖表。**

**數據表（1）Desktop browser share**

| 項目 | 數值 |
| --- | --- |
| Chrome | 65% |
| Safari | 12% |
| Edge | 12% |
| Firefox | 6% |
| Other | 5% |

**數據表（2）CO2 emissions per person**

| 項目 | 數值 |
| --- | --- |
| Qatar | 37 |
| UAE | 22 |
| Australia | 15 |
| United States | 15 |
| Canada | 14 |
| South Korea | 12 |
| Russia | 11 |
| Japan | 8.5 |
| China | 8 |
| Germany | 8 |
| South Africa | 6.7 |
| UK | 5 |
| France | 4.6 |
| Mexico | 3.3 |
| Brazil | 2.3 |
| India | 2 |

**數據表（3）The Big Mac index**

| 項目 | 數值 |
| --- | --- |
| Switzerland | 8.1 |
| Norway | 6.9 |
| United States | 5.7 |
| Euro area | 5.5 |
| UK | 4.9 |
| Brazil | 4.5 |
| Mexico | 3.9 |
| China | 3.5 |
| Japan | 3.2 |
| Egypt | 2.7 |
| South Africa | 2.6 |
| India | 2.5 |

**數據表（4）Almonds, oats and yogurt**

|   | Fiber | Carbs | Fat | Protein | Sugar |
| --- | --- | --- | --- | --- | --- |
| 指標 | 20 | 100 | 50 | 25 | 5 |

## 標籤

開源專案, Microsoft, GitHub, Flint