首頁 / 學習筆記 / 中級科目二 / 數據可視化工具

iPAS AI中級中級科目二🗄️ 資料工程與MLOps
📖 學習筆記・中級科目二

CH5.3 數據可視化工具

數據可視化工具

🧭 本節架構

四類視覺化方法(數值型分佈、關聯性、類別型、時間序列)對應圖表選型 → 平台工具依部署模式(內建報表/自建程式碼/半商業化 BI/商業化平台)與呈現方式(靜態/動態/互動式)分類 → 五大實務應用案例 → 五項視覺化設計原則,確保資料在大數據規模下仍能被快速、正確理解。

1. 大數據視覺化的挑戰

面對資料量級過大、更新頻繁、呈現對象多樣(分析師到決策者)與跨平台即時性需求,數據可視化不只是「美觀」,而是如何讓資料在有限空間中快速、清楚、正確地被理解與採納。

2. 四類視覺化方法

(1) 數值型資料的分佈與集中趨勢

圖表原理適用情境優點缺點
直方圖(Histogram)連續數值分為多個區間(bins),柱高表頻次觀察集中區段、偏態、異常值直觀展示分佈形狀bins 數量選擇影響結果
箱型圖(Boxplot)展示中位數、Q1/Q3、鬚與離群值比較多組數據分佈差異直觀展示異常值與分佈差異無法顯示多峰等分佈形狀
KDE 曲線核函數估計機率密度,生成平滑曲線比較多組分佈的重疊情形平滑顯示分佈,可揭示多峰/偏態對核寬度(bandwidth)敏感

(2) 變數之間的關聯與結構

圖表原理適用情境缺點
散佈圖(Scatter Plot)二維座標展示兩變數分佈分析價格與銷售量關聯、識別群聚異常高維數據無效,點過多需分群/透明度處理
相關係數矩陣(Correlation Matrix)計算多變數皮爾森相關係數,以熱力圖呈現快速檢視變數共線性僅限線性相關
熱力圖(Heatmap)顏色漸層表示變數值或密度銷售區域表現、點擊熱區對顏色選擇敏感

(3) 類別型資料的比較與比例

圖表適用情境缺點
長條圖(Bar Chart)比較各商品銷量、問卷選項頻次類別過多時視覺擁擠
堆疊長條圖(Stacked Bar Chart)比較地區會員等級分佈,同時展示總量與比例子類別過多難以辨識
圓餅圖(Pie Chart)展示市占率,適合少量類別(5-6 類以內)類別過多視覺混亂

(4) 時間序列資料的趨勢與變化

折線圖(Line Chart):以連續線條表示時間點數值變化,展示趨勢或週期,適合日銷售額、活躍用戶數;缺點是多條線重疊時難以辨識。

🎯 核心觀念

圖表選型的核心原則:比較用長條圖,趨勢用折線圖,比例用堆疊圖或圓餅圖,關聯用散佈圖或相關矩陣,選錯圖表類型會讓正確的資料傳達錯誤的訊息。

3. 視覺化平台工具

(1) 依平台部署模式分類

類別代表工具特性應用情境
工具內建報表Google Sheets、Microsoft Excel無需程式設計,圖表種類與客製化有限中小型數據快速分析、銷售報表
自建(程式化)Python(Matplotlib/Seaborn/Plotly/Altair)、R(ggplot2/Shiny)、JavaScript(D3.js/Vega-Lite/Chart.js)高度客製化,適合整合機器學習模型資料科學家/技術團隊開發客製化解決方案
半商業化平台Metabase、Redash、Apache Superset、Grafana開源免費版 + 付費增值服務混合模式中小型企業或分析師的快速部署
商業化視覺化平台Tableau、Power BI、Google Looker、Qlik Sense拖拉式操作、權限管理、多資料源整合企業級跨部門協作與決策支持
📌 補充

「半商業化」一詞源於其免費開源版本(吸引用戶試用)與付費增值服務(雲端託管、進階支持)的混合商業模式,例如 Grafana 開源版免費、Grafana Cloud/企業版收費。

(2) 依呈現方式分類

類型特性優勢
靜態圖表(Static)固定圖片、PDF 或報表,無互動功能製作簡單,適合正式報告或印刷
動態圖表(Animated)透過動畫展示數據變化吸引注意力,適合展示趨勢或排序變動
互動式視覺化(Interactive Dashboards)支援篩選、點擊等操作,數據連動適合多角色使用,支援深度探索

4. 實務應用案例

產業應用內容常用視覺元素工具
零售與電商銷售監控、顧客洞察折線圖(趨勢)、長條圖(比較)、熱力圖(地區熱區)Power BI、Tableau、Plotly
製造業產能與設備即時監控折線圖(設備參數)、儀表圖(產能達成率)、熱力圖(故障風險)Grafana + InfluxDB、Kibana
金融與詐欺偵測異常事件即時預警散佈圖(交易異常)、熱力圖(風險評分)、互動篩選Tableau、Power BI、Apache Superset
健康醫療病歷視覺化、診療路徑追蹤折線圖(生理指標)、堆疊長條圖、時間軸圖Shiny、Tableau
智慧城市與物聯網空間-時間混合型監控地理熱力圖、折線圖、互動式地圖GeoPandas、Mapbox、Grafana

5. 視覺化設計五大原則

原則說明
一、以閱讀者為中心依目標對象(工程師/業務主管/決策者)需求設計,聚焦其關注指標,避免細節過載
二、圖表類型符合資料型態與目的比較用長條圖、趨勢用折線圖、比例用堆疊圖、關聯用散佈圖
三、簡化資訊、去除冗餘避免同時呈現太多維度/顏色/標籤,減少非必要 3D 效果等視覺雜訊
四、合理使用顏色與標示顏色需一致且有意義(綠=成長、紅=下降),關鍵資訊應視覺強化
五、支援互動與探索提供點擊、篩選、滑動視窗等功能,儀表板可依角色動態切換內容
🧠 記憶技巧

五大設計原則可記為「人、型、簡、色、動」——以人為中心、型態對應目的、簡化冗餘、色彩有意義、支援互動探索。

🔗 相關名詞卡

(本節工具與圖表多為應用層知識,核心統計概念詳見 四分位數、標準差、皮爾森相關係數 等前述名詞卡)

📝 章節考題自測(先作答,再點開解答)

Q1. 若要展示「不同地區會員等級(一般/銀卡/金卡)的分佈比例,同時呈現各地區總會員數」,最適合使用下列哪一種圖表?

(A) 圓餅圖 (B) 散佈圖 (C) 堆疊長條圖 (D) KDE 曲線

解答與解析

參考 Ans: (C) 堆疊長條圖能同時展示總量(長條總高度)與子類別的比例結構(各段長度),正適合「不同地區總會員數 + 各等級比例」這種雙重比較需求;圓餅圖僅適合單一整體構成的比例展示。

Q2. 下列關於相關係數矩陣(Correlation Matrix)的敘述,何者正確?

(A) 可以偵測任意型態的非線性關係 (B) 僅能呈現變數間的線性相關程度,非線性關係需搭配其他方法(如互資訊) (C) 只能用於類別型資料 (D) 無法用顏色呈現正負相關

解答與解析

參考 Ans: (B) 相關係數矩陣基於皮爾森相關係數計算,僅能反映線性相關程度,若變數間為非線性關係(如曲線型),需改用互資訊等其他方法才能正確評估關聯性。

Q3. 「半商業化平台」(如 Grafana、Apache Superset)一詞的由來,主要源自於下列何種商業模式?

(A) 完全免費且無任何限制 (B) 免費開源版本吸引用戶試用,搭配付費雲端託管或進階支持服務的混合模式 (C) 僅提供付費版本,無開源選項 (D) 只能用於學術研究

解答與解析

參考 Ans: (B) 「半商業化」源於免費開源版本(吸引用戶試用)與付費增值服務(如雲端託管、進階技術支持)並存的混合商業模式,例如 Grafana 開源版免費,但 Grafana Cloud/企業版功能需付費。

Q4. 某企業想快速呈現「網站每日活躍用戶數」隨時間的變化趨勢,最適合使用下列哪一種圖表?

(A) 圓餅圖 (B) 折線圖 (C) 箱型圖 (D) 相關係數矩陣

解答與解析

參考 Ans: (B) 折線圖以連續線條表示時間點的數值變化,最適合展示趨勢或週期性資料,如每日活躍用戶數、日銷售額等連續時間序列資料。

Q5. 下列哪一項不屬於數據視覺化的五大設計原則之一?

(A) 以閱讀者為中心設計圖表 (B) 儘可能在單一圖表中呈現所有可用的維度與顏色,資訊越多越好 (C) 合理使用顏色與標示,保持一致性 (D) 支援互動與探索功能

解答與解析

參考 Ans: (B) 設計原則三明確主張「簡化資訊、去除冗餘」,圖表不宜同時呈現太多維度、顏色或標籤,避免資訊超載;(B) 與此原則直接牴觸,為錯誤敘述。