作業 04

Simple Baseline 及 Medium Baseline 程式碼,請放在 https://github.com/你的帳號/vis2023f/hw04/src-sunburst/ 檔案夾。

Strong Baseline 程式碼,請放在 https://github.com/你的帳號/vis2023f/hw04/src-strong/ 檔案夾。

前往你的 Demo 網頁

心得:
此次作業延續前幾次作業同樣透過 Observable 來操作,這次前面幾個步驟也是跟先前的作業一樣要匯入外部的 csv 檔,但與前幾次不同的地方是這次要繪製的圖不是先前的bar chart 和 histogram,而是旭日圖( Sunburst chart )。 旭日圖能像圓餅圖一樣表現局部和整體的的占比,也能像樹狀圖一樣表現層級的關係,再用 breadcrumb 加入頁面路徑,使其可與 旭日圖互動,以呈現上下階層關係 ,並加入 Tooltip 當游標移到該區塊上方能顯示崗區塊所屬的標籤名稱。
總分 完成後打勾 配分 分項描述
2 Simple baseline 1 - 完成旭日圖
1 Simple baseline 2 - 完成頁面路徑
2 Medium baseline 1 - 加入Tooltip
2 Medium baseline 2 - 完成結論
3 Strong baseline - 將兩個問題之間的意義以圖表呈現(可互動)