視覺設計
視覺編碼
Visual encoding
意思
將資料值映射到位置、長度、顏色、大小、形狀或其他視覺屬性。
使用時機
選擇能夠使預期的比較變得容易且準確的編碼方式。
應用範例
將收入映射到欄的長度，將區域映射到位置。資料分析
資料視覺化與圖表術語
了解視覺編碼、軸、比例、圖例、比較、趨勢、分佈、關係、模式以及可訪問性選擇。
12 個術語
視覺設計
軸
Axis
意思
一條參考線和標籤，用於顯示值的比例和位置。
使用時機
標記單位，使用易讀的刻度，並在比較需要時顯示零值。
應用範例
Y-axis: monthly revenue (million KRW).視覺設計
縮放
Scale
意思
一個規則，用於將數據域映射到視覺範圍。
使用時機
根據資料和問題，選擇線性、對數、時間或類別刻度。
應用範例
僅當乘法差異是分析重點時，才使用對數比例尺。視覺設計
圖例
Legend
意思
一個鍵，用於解釋顏色、形狀或線條樣式的含義。
使用時機
在直接標籤不切實際且保持類別順序一致時使用。
應用範例
Legend: New customers / Returning customers.比較
長條圖
Bar chart
意思
一個將類別進行比較，使用長度來表示的圖表。
使用時機
適用於對離散類別進行排名或並排比較。
應用範例
比較按產品類別劃分的季度銷售額，使用排序的水平條形圖。趨勢
折線圖
Line chart
意思
一個將有序值連接起來以顯示變化的圖表，通常是隨著時間的推移。
使用時機
適用於趨勢、季節性和跨時間的比較。
應用範例
繪製過去 52 週的活躍用戶數。階層與關係
散佈圖
Scatter plot
意思
一個通過兩個數值變量定位觀察值的圖表。
使用時機
用於檢查關聯性、聚類、非線性模式和異常值。
應用範例
將配送距離與配送時間繪製成圖表，並按城市著色。分布
直方圖
Histogram
意思
一個將數值值分組到區間並顯示其頻率的圖表。
使用時機
用於檢查分佈形狀、範圍、偏度和多峰性。
應用範例
以一致的 10,000 KRW 區間顯示訂單金額。分布
箱線圖
Box plot
意思
一個使用四分位數、中位數和四分位距的緊湊的分佈顯示。
使用時機
用於比較多個群組的分布。
應用範例
比較不同承運人的交貨時間分佈。模式
熱圖
Heatmap
意思
一個網格，其中顏色表示每個單元格的值的大小。
使用時機
適用於密集矩陣、日曆模式或二維摘要。
應用範例
按星期幾和小時劃分的訂單計數熱圖。比較
小多重圖
Small multiples
意思
一組以相似比例繪製的圖表，用於不同的組。
使用時機
用於比較模式，而不會在一個圖表中重疊太多序列。
應用範例
使用相同的軸，顯示每個地區的一個每月趨勢面板。視覺設計
可訪問的圖表
Accessible chart
意思
一個設計用於在視覺、運動和認知方面保持可理解的圖表。
使用時機
使用替代文字、足夠的對比度、直接標籤以及除了顏色之外的提示。
注意
不要僅僅依靠顏色來傳達類別或狀態。
應用範例
使用線條樣式和標籤，而不是僅使用紅色與綠色的顏色。