Chartloom：讓 AI Agent 用 64 種圖表模板生成可發布的 HTML 資料視覺化
Chartloom 是一套面向 AI Agent 的資料視覺化 skill，提供 64 種圖表模板與 12 套中英文 HTML 報告版型，強調先辨識資料形狀、再套用真實模板與一致色彩系統。它適合個人研究、文章配圖與簡報原型，但採 PolyForm Noncommercial 1.0.0，商業或公司用途需另行取得授權。
Agent Skill · Data Visualization · HTML Reports
Chartloom 把「幫我畫一張好看的圖」改造成一套可重複、可檢查的選圖流程
Threads @prompt_case 分享一套免費下載的資料視覺化與報告生成 skill，描述其支援 60 多種圖表、部分互動，適合放入文章與簡報。依貼文預覽圖中的 Lupi 系列 × Palm 色系、發布時間與功能描述交叉比對，對應專案為 chenjieliefu/chartloom。官方資料顯示它包含 64 種圖表模板與 12 套中英文報告版型。
Lupi Editorial：慢讀敘事
20 種以細線、逐筆記錄與編輯式敘事為主的模板，適合長文、年報、研究、海報與資料故事。
Lupi Basics：熟悉圖形
17 種柱、線、面積、散點、熱力、瀑布、箱形、串流與 K 線等基礎模板，保留可讀輪廓並強調誠實編碼。
Glance：快速決策
22 種偏 dashboard、監控、周報與三秒快讀的模板；規範要求只有在 Lupi 不適配或使用者明確要求快讀時才採用。
Maps 與 Interactive
2 種地圖與 3 種大型互動圖，涵蓋網路、力導向與多段流向；部分模板依賴 ECharts、Chart.js、GeoJSON 或線上字型。
真正有價值的是「圖表決策契約」
- 先看資料形狀：類目比較、時間序列、占比、分布、網路、層級、流量與地理資料各自有不同候選，不由使用者隨意點一個圖名。
- 先套真實模板：要求從 catalog 鎖定圖型編號與 gallery 程式骨架，不允許 AI 只畫出「看起來相似」的預設圖。
- 誠實編碼：長度、面積、顏色與數值必須一致；柱狀圖不得斷軸，面積使用平方根換算半徑，不能為了視覺效果扭曲比例。
- 一致色彩：單一交付只能選 Mono、Porcelain、Palm、Wire 或一套自訂色板，不能每張圖各用一套風格。
- 預設交付單檔 HTML：純 SVG 可離線；有 CDN、地圖或字型依賴的模板需在交付時揭露，必要時改成合法的內聯資源。
| 模板家族 | 數量 | 主要用途 |
|---|---|---|
| Lupi Editorial | 20 | 長文、年報、資料故事、海報 |
| Lupi Basics | 17 | 基礎圖形與稀疏資料 |
| Glance | 22 | Dashboard、監控、周報、簡報 |
| Maps | 2 | 美國州級與世界國家級著色地圖 |
| Interactive | 3 | 大型關係網路與路徑流向 |
| 報告版型 | 12 × 中英文 | 調研、年報、月報、海報、brief、dashboard |
使用方式與適合場景
README 提供 Skills CLI 安裝方式，也可把 repo clone 到 Codex skill 目錄。典型需求可直接寫成：「使用 Chartloom，把這份月度營運資料生成三張中文 HTML 圖表」；若明確要求年報、月報、白皮書或 dashboard report，才會切換到整頁報告模式。
- 文章或研究報告需要一致風格的資料圖。
- 簡報需要可截圖、可嵌入或可用瀏覽器打開的 HTML 圖表。
- 非設計背景使用者，希望 AI 自動判斷圖型而非從零寫 D3/ECharts。