李聿屏
Growth Rate Line Chart
原圖
原始圖表問題
- 缺乏互動性:原始圖表是靜態圖片,無法與用戶互動,難以深入探討數據。
- 標題與分類不明顯:標題未突出,難以區分不同類別的數據。
- 資訊不足:僅顯示單一數據,無法細看不同類別。
- 視覺效果單調:顏色設計單一,對比較數據不直觀。
改良後的選擇
- 動態圖表:使用D3.js生成互動式圖表,允許用戶選擇查看不同數據。
- 工具提示:提供懸停和點擊顯示詳細數據的提示。
- 互動選擇功能:可點選行來過濾顯示內容,更聚焦於特定數據。
- 強化視覺效果:使用顏色和標記強調趨勢,增加圖表的吸引力。
建物類型 |
物件類型名稱 |
2019至2023年坪數成長率 |
徐宏宇
Rental Chart
整層住家
獨立套房
分租套房
雅房
原始圖表問題
- 缺乏互動性:原始圖表是靜態圖片,無法與用戶互動,難以深入探討數據。
- x軸軸名未標出
- 視覺效果單調:顏色對比度不夠,對比較數據不直觀。
改良後
- 動態圖表:使用D3.js生成互動式圖表,允許用戶選擇查看不同數據。
- 互動選擇功能:可點選過濾顯示內容,聚焦於特定數據。
- 強化視覺效果:使用更具對比性的顏色,增加圖表的吸引力。
陳儀斌
台南市地圖輪廓
原始圖表
製圖:113753105 陳儀斌
資料來源
開放台灣民間租屋資料
視覺化圖表來源
小宅化如何影響租屋市場?小宅多、租金漲愈多?5年400萬筆租屋數據全解析
圖表說明
- 首先是原圖是採用顏色深淺來表示出租量成長率的高低,但他是採用平滑的漸層過度,那我記得在課堂上曾經提過對於太相近的漸層色人眼是很難辨認出來的,
因此我改用分段的漸層來表示,分段的數量則是因為最高的成長率在30%以內,
並且原圖沒有把負成長率的區域考慮進去,一率設為0%。
所以範圍只在0%到30%的情況下,我每5%分一段,加上白色總共有七個區段,我認為這樣做比原本平滑的漸層來說要好辨認。
- 再來是我將原本顯示在地圖上的鄉鎮市區名稱改為滑鼠懸停,這樣一方面是增加圖表的互動;二來是考量到圖片縮小時,區域名稱不太好看清楚。
並且懸停時連帶可以顯示區域的成長率,這是原圖沒有顯示的資訊。最後在懸停的背景加上一個透明黑的矩形,避免文字與下方地圖重疊,增加易讀性。
- 而原本的圖表標題為「近年南部歸仁、仁德、安南小宅出租量激增」,提到的都是台南的鄉鎮市區,而圖表則是包含了一大部分的高雄以及屏東區域,
所以我選擇把圖表範圍限制在台南區域,只繪製台南的部分。