專案的大量資料怎麼轉成好懂的圖表？資料視覺化工具清單整理

• 核心主題：公民科技與開放資料專案的資料視覺化工具指南，適合各類背景的專案提案者、資料工作者與研究者
• 涵蓋資源：7 個視覺化工具、3 個社群案例與延伸筆記
• 主題標籤：資料視覺化｜開放資料｜公民科技｜開源工具｜互動圖表
• 資料查核日期：2026-08-27
• 作者：Claire Cheng 與 AI 協作編輯
• 授權：CC BY 4.0, by g0v.tw jothon & Claire Cheng

這篇能回答你

• 手上只有 Excel 或 Google 試算表，想做美觀的圖表嵌進網頁？ → 看「Datawrapper」
• 想做隨時間變化的動態圖表或分頁故事，向大眾溝通歷史趨勢？ → 看「Flourish」
• 想呈現複雜的金流或組織層級，且不想將未公開資料上傳雲端？ → 看「RAWGraphs」
• 想在開放街圖上自由標記公共設施或田調地點，並與夥伴線上共編？ → 看「uMap」
• 手上有數萬筆即時感測數據或軌跡，想製作流暢的時空熱區地圖？ → 看「Kepler.gl」
• 團隊有前端工程師，想在專案網站自架功能齊全的互動圖表？ → 看「Apache ECharts」
• 想用最少程式碼快速探索表格特徵，並與開源社群共享分析邏輯？ → 看「Observable Plot」

這個領域在做什麼

政府與社群雖然釋出了大量的開放資料，但原始資料往往分散在數萬行的試算表或生硬的程式碼中，一般民眾難以直接理解。若你的專案涉及將公共預算、環境監測、民意分佈或地理圖資呈現給大眾，善用資料視覺化技巧，將能有效降低民眾理解專案的門檻。 以往，非工程背景的團隊成員多半只能製作靜態圖表；若需開發互動式網頁圖表，則必須投入高昂的人力與時間成本。現今成熟的視覺化工具與平台已大幅降低實作門檻，能自動處理資料清洗、響應式版面與互動渲染等繁重工作，讓提案者能將精力集中在議題的核心詮釋與機制設計上。

本篇整理的工具分為以下三大類：

• 匯入數據即可產出圖表的平台： 不用寫程式，你只需貼上資料，即可在網站上生成互動圖表。這類工具適合非技術背景團隊，並有支援本機運算以保護隱私的選項。
• 地理空間與軌跡視覺化工具： 專處理空間圖資，支援地圖多人線上協作。
• 供開發者整合至專案的圖表函式庫： 適合具備前端工程能力的團隊，提供完整的開源程式碼以便自架與深度客製化。

資源清單

匯入數據即可產出圖表的平台

Datawrapper

提供者：Datawrapper GmbH

用途：製作互動長條圖、折線圖、統計地圖與可搜尋表格。無需撰寫程式碼，貼上試算表資料即可即時預覽並嵌入網站。

優點：

• 自動套用各螢幕尺寸的排版：內建專業的排版、字體與配色方案，並支援色盲友善配色，大幅降低非設計師的操作門檻。
• 不用註冊即可試用： 開啟網頁即可貼上資料並預覽效果，適合專案初期快速驗證資料的視覺化可行性。

Flourish

提供者：Canva（原為 Kiln 工作室開發，後由 Canva 收購）

用途：製作具備動畫效果的動態圖表與互動故事。例如動態長條圖競賽，或透過分頁導覽解析複雜數據的脈絡。

優點：

• 呈現時間軸上的動態演進： 將長期的趨勢變化轉化為流暢動畫，彌補靜態圖表難以呈現時間推演的缺點。
• 故事導覽模式： 允許作者設定導覽步驟，引導讀者依序聚焦不同數據重點，適合深度調查報導或議題解說。

需留意：免費帳號發布的所有圖表與資料會公開給所有人看。若專案涉及機敏資料，不適合使用免費帳號製作。

RAWGraphs

提供者：DensityDesign Research Lab、Calibro、Inmagik

用途：整理並呈現多層次、複雜流向的關係資料。例如呈現「政府預算從中央各部會一路流向地方與各項計畫」的桑基圖（Sankey Diagram），或是呈現多層分類架構的樹狀圖（Treemap）。

優點：

• 專門處理複雜流向與多層次關係：一般試算表軟體很難畫出多層流向圖，RAWGraphs 專門補足這塊缺口，讓使用者只要把表格欄位拖拉到對應位置就能生出圖表。
• 落實本機端資料保護： 運算過程 100% 於瀏覽器內完成，資料不會傳送至遠端伺服器，適合處理不得公開的機敏資料。
• 便於後續視覺設計： 支援匯出向量圖檔（SVG），方便設計師於繪圖軟體中進行字體、顏色與排版的細節微調。

地理空間與軌跡視覺化工具

uMap

提供者：開源社群維護（OpenStreetMap 法國等組織贊助/託管站點）

用途：在開放街圖（OSM, OpenStreetMap）上製作自訂的公共主題地圖。例如標記無障礙設施、違規通報點，並支援多人線上協作。

優點：

• 免寫程式與免架伺服器： 無需租用雲端資料庫，點開網頁即可標記地點、繪製區域，並支援匯入 GeoJSON、KML、CSV 等多種地理檔案格式。
• 多人協作與權限管理： 透過分享連結或 OSM 帳號，即可讓多位志工或田調夥伴在同一張地圖上共編，適合公民普查專案。
• 開源授權： 工程師可下載整套系統原始碼，自行部署於專案主機。

Kepler.gl

提供者：由 OpenJS Foundation 的 Open Visualization Working Group（跨公司協作維護視覺化框架的技術小組）協作維護。

用途：在地圖上探索並呈現大規模的地理定位點與移動軌跡。例如空品測站數據、公車路線或人流移動熱區。

優點：

• 處理海量數據也不會讓網頁卡死：一般網頁地圖只要放上幾千個點就會嚴重延遲；Kepler.gl 運用電腦的圖形處理器（GPU）進行硬體加速，一次載入數十萬筆點位或移動線段依然能流暢縮放與旋轉。
• 內建時間軸動態播放器：只要資料裡包含時間欄位，就能一鍵拉出時間滑桿，像看影片一樣動態播放人流或車流在一天當中的流動變化。

供開發者整合至專案的圖表函式庫

Apache ECharts 提供者：Apache 軟體基金會（Apache Software Foundation, ASF）

用途：提供工程師在官方網站、平台或資料庫前台，嵌入功能齊全且外觀一致的互動圖表（涵蓋基本圖表至 3D 立體圖表）。

優點：

• 全能型開源圖表庫： 涵蓋絕大多數常見與進階圖表類型，降低團隊需拼湊多套工具的維護成本。
• 高效能與行動裝置友善： 採用輕量化繪圖引擎與漸進式繪製技術，即便處理幾十萬筆資料也能維持頁面操作流暢。
• Apache-2.0 自由開源授權： 允許免費商用、修改與長期維護，無須擔心第三方平台收取授權費或終止服務。

Observable Plot

提供者：Observable, Inc.

用途：提供資料分析師與工程師以精簡的程式碼快速探索資料特徵，並於網頁上繪製乾淨美觀的分析圖表。

優點：

• 用少少的程式碼快速看到資料樣貌：採用簡潔的分層語法，僅需數行程式碼即可疊加圖層，大幅縮短從資料處理到視覺化雛形的開發時間。
• 結合社群與協作生態： 可搭配 Observable 線上筆記本環境，將分析邏輯、圖表與文字整合，方便與開源社群分享並允許協作（Fork）。

延伸閱讀：社群討論與過往專案

• g0v 中央政府總預算視覺化：臺灣公民科技將龐雜政府預算書轉譯為互動樹狀圖、泡泡圖與「珍奶、雞排」等生活化單位的開源經典專案。
• g0v 歷史災害照片募集平台提案筆記：零時政府社群彙整的歷史災害照片群眾募集專案共筆，記錄如何運用地圖標記、地理圖資與群眾協作呈現災情空間分佈。

資料查核說明

本文資料查核日期：2026-08-27。資料庫、各類工具與社群討論筆記，均有可能在此日期之後更新、變動，請務必自行查核。

授權與出處

本文由 g0v.tw 揪松團（jothon）與 Claire Cheng 共同編輯，以 CC BY 4.0 授權釋出，歡迎轉載、改作與 AI 取用，請標示出處。更多臺灣公民科技資源見「臺灣公民科技資料庫 Civic Tech Taiwan」：https://civictech.tw/