flint-chart: 一種視覺化中間語言，讓 AI agent 能透過語義規範生成精美的圖表

它解決了什麼問題

Flint 解決了 AI agent 在建立精美的數據視覺化時面臨的困難。與其要求 agent 寫出冗長且複雜的比例尺、座標軸和佈局配置（這些配置很容易出錯），Flint 提供了一種精簡的中間語言。這讓 agent 可以指定「要視覺化什麼」而不是「如何配置每個像素」，從而確保生成的圖表既專業又準確。

運作原理

Flint 扮演著編譯器的角色，它接收簡單且可由人類編輯的圖表規範，並將其轉換為熱門渲染庫的原生規範。它使用超過 70 種語義類型（例如 Price、Country、Temperature）來理解數據的本質，並根據數據基數（cardinality）和畫布限制自動推導出最佳的佈局、間距和標籤。目前它支援三種主要的後端：Vega-Lite、ECharts 和 Chart.js。

對象是誰

• AI Agent 開發者：希望他們的 agent 能生成可靠、高品質的圖表，而不會產生複雜配置設定的幻覺。
• 前端開發者：需要一種靈活的方式，透過單一輸入格式在不同的渲染庫之間生成圖表。
• MCP 使用者：使用 Model Context Protocol 客戶端的人，希望 agent 能直接在聊天介面中建立並渲染互動式圖表。

重點特色

• 語義理解：使用 70 多種語義類型來自動化圖表樣式和佈局。
• 多後端支援：將單一輸入編譯成 Vega-Lite、ECharts 或 Chart.js 規範。
• MCP Server：包含一個專用的伺服器 (flint-chart-mcp)，以便在具備 MCP 能力的環境中實現 agent 的無縫整合。
• 自動佈局：根據數據和圖表設計動態調整標記（marks）、圖例（legends）和尺寸。