原始圖表

原始圖表

資料來源: 勞動部 (表8)
對比新聞: 2023年畢業生平均起薪3.5萬 圖表看各行業、性別薪資差距 (表4)
原始圖表的設計不容易看出各個分類的數據占總數的面積比例

各行業新鮮人平均薪資增額

視覺化改進總結

  • 折線圖的交互: 三條折線圖(基本工資佔比與薪資增率)初始隱藏,可通過勾選顯示,並在滑鼠移動到該點時顯示 Tooltip,提供具體百分比。
  • 圖例和標籤清晰: 對比明顯的顏色顯示不同折線,圖例標籤簡潔明瞭,在增額部分使用偏橘色避免和紅色做混淆。
  • 詳細資料彈出功能: 點擊任意行業顯示其詳細數據,包括各詳細分別領域薪資增長情況。
  • 動畫效果: 長條圖高度和增額文字逐一動畫呈現,折線圖勾選時淡入/淡出動畫,視覺上較平滑。

各行業新鮮人平均薪資增額

本圖表的設計過程考慮了多方面的因素,以達到最佳的可視化效果:

  • 堆疊面積圖:本圖表使用堆疊面積圖來顯示各個分類的數據占總數的面積比例,可以看出不同領域的相對差異。
  • 45度線段:人類對45度的斜線感知較為敏銳,因此在設計中,變化劇烈的地方特意使用45度的斜線來強調趨勢變化。
  • 顏色區分:使用同色相不同飽和度來區分111年初任薪資與112年12月薪資的數據,可以看出兩個數據集之間的差異。
  • >
  • 動畫:動畫的可以逐一關注各個資料點。
  • 游標提示功能:當游標移到紅點上時,才可以看到每個欄位的詳細資訊,簡化介面。

資料來源: 勞動部 (表8)
本圖表展示了 111 年初任人員薪資數據與 112 年 12
月增額的對比,數據以千元為單位。增額以不同背景色標示區分各類職業。

對比新聞: 2023年畢業生平均起薪3.5萬 圖表看各行業、性別薪資差距 (表4)
改進部分:
1.原圖色調相近不易分辨
2.x軸字數過多難以看清楚
3.以堆疊方式呈現可更明顯的看出薪資變化量
4.運用底色可以更容易察覺相同的增額量
5.資料中包含「其他」類別,但原圖未明確標示此類別。
6.原圖標題未清楚標示年分,導致無法立即理解圖表的意義。
7.增加輔助軸,以便更清楚地讀取 Y 軸的數值。

行業詳細資料

點擊圖表中的行業以查看詳細資料。