## 專案的大量資料怎麼轉成好懂的圖表？資料視覺化工具清單整理
* 核心主題：公民科技與開放資料專案的資料視覺化工具指南，適合各類背景的專案提案者、資料工作者與研究者
* 涵蓋資源：7 個視覺化工具、3 個社群案例與延伸筆記
* 主題標籤：資料視覺化｜開放資料｜公民科技｜開源工具｜互動圖表
* 資料查核日期：2026-08-27
* 作者：Claire Cheng 與 AI 協作編輯
* 授權：CC BY 4.0, by g0v.tw jothon & [Claire Cheng](https://claire-cheng.com/zh)

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

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

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

## 資源清單
### 匯入數據即可產出圖表的平台
#### [Datawrapper](https://www.datawrapper.de/)
提供者：Datawrapper GmbH

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

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

#### [Flourish](https://flourish.studio/)
提供者：Canva（原為 Kiln 工作室開發，[後由 Canva 收購](https://flourish.studio/blog/flourish-canva/)）

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

優點：

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

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

#### [RAWGraphs](https://rawgraphs.io/)
提供者：DensityDesign Research Lab、Calibro、Inmagik

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

優點：

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

### 地理空間與軌跡視覺化工具
#### [uMap](https://umap-project.org/)
提供者：開源社群維護（OpenStreetMap 法國等組織贊助/託管站點）

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

優點：

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

#### [Kepler.gl](https://kepler.gl/)
提供者：由 OpenJS Foundation 的 Open Visualization Working Group（跨公司協作維護視覺化框架的技術小組）協作維護。

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

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

### 供開發者整合至專案的圖表函式庫
#### [Apache ECharts](https://echarts.apache.org/)
提供者：Apache 軟體基金會（Apache Software Foundation, ASF）

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

優點：

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

#### [Observable Plot](https://observablehq.com/plot)
提供者：Observable, Inc.

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

優點：

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

## 延伸閱讀：社群討論與過往專案
* [g0v 中央政府總預算視覺化](https://budget.g0v.tw/)：臺灣公民科技將龐雜政府預算書轉譯為互動樹狀圖、泡泡圖與「珍奶、雞排」等生活化單位的開源經典專案。
* [g0v 歷史災害照片募集平台提案筆記](https://g0v.hackmd.io/nPAAuUkSSlKRlgeCcK5v3Q)：零時政府社群彙整的歷史災害照片群眾募集專案共筆，記錄如何運用地圖標記、地理圖資與群眾協作呈現災情空間分佈。

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

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