Please enable JavaScript.
Coggle requires JavaScript to display documents.
資訊圖表元素(圖) 2018/10/22 視覺溝通設計 (區域圖 (Area Chart) (資料順序依照坡度排列(越平滑越下面),…
資訊圖表元素(圖)
2018/10/22
視覺溝通設計
區域圖
(Area Chart)
資料順序依照坡度排列(越平滑越下面)
刻度單位要從0起
資料應維持4種以下
標準的區域圖，"前面"的資料應透明化以方便顯示後面蓋住的資料(第1種應用，非第2/3種)
資料必須要有連貫性
3種應用: Area Chart, Stacked Area(堆疊, 互相覆蓋), 100% Stacked Area(依照比例堆疊，不覆蓋)
熱地圖(Heat Map)
同一類型的資料用相近色系層次呈現，而非多種色
資料以3-4種為佳
區域邊界要清楚表達是"資料"的數值而非實際地理區域
數值範圍(圖例)要選擇恰當
泡泡圖
(Bubble Chart)
圖例呈現要清楚(或關聯性)
不要用奇怪的形狀(老師補充: 但如果主要呈現的是概念而非精準的刻度，使用其他形狀有助於表達的話是OK的)
資料的比較是用泡泡面積(而非直半徑，不然會失真)
圓餅圖(Pie Chart)
資料最好5種以下(太多不易辨別差異)
若是要比較2個資料，長條圖更清楚
資料上總和必須是100%占比
排列順序為資料占比大到小(通常是順時鐘)，且12點鐘方向起
長條圖(Bar Chart)
長條間的合適距離為1/2長條寬
圖表上的文字(長條旁，XY軸刻度等)皆需橫書
刻度單位要從0起
不同類別用不同顏色(相對的，同一資料但不同時期，是同色，務必誤導)
排列順序要在圖例說清楚
折線圖(Line Chart)
圖例項目可以直接列在圖中(線上，線尾)
使用實線，不要用虛線
資料應在4種以下(4條線)
Y軸刻度可依照資料作調整(ex. 資料範圍為0-40，Y軸就不需要到80/100，避免資料擠在下方，上面都空白)
刻度單位要從0起
分布圖
(Scatter Plot)
泡泡的顏色&大小&空間感&泡泡特性等也可以是比較點(而不只是2種緯度資料)
可以適當的加輔助線方便閱讀
刻度從0開始
如果是要比較趨勢的話，建議只能有兩條線
老師補充
補充資料: How_to_Use_Data_Visualization_to_Win_Over_Your_Audiencepdf
軸線的數值範圍(刻度)不僅要從0開始，有時候更要留意會不會誤導觀眾(比方說為了要突出差異故刻度設的很小，僅5的差別但在圖像上感覺差很多，這分寸要謹慎考慮)
參考資料: Data_Visualization_101_How_to_Design_Charts_and_Graphs
以上的這些都是基本原則，但若特殊的設計有助於表達資料內容(且能解釋合理)，仍可依照自己需求進行