作業 06

該次作業程式碼,請放在 https://github.com/你的帳號/vis2023f/hw06/src/ 檔案夾。

前往你的 Demo 網頁

(心得) 本次作業遇到的困難:
此次作業同樣透過 Observable 來操作,一樣要匯入外部的 csv 檔,繪製成堆疊柱狀圖,加入checkbox input使其可選擇要呈現的資料種類, 接著改成用svg生成堆疊柱狀圖並加入 d3 的過渡效果,並加上陰影效果及滑鼠游標偵測效果,這次作業讓我了解到一種圖可以添加這麼多種不同的 效果。
總分 完成後打勾 配分 分項描述
2 Simple baseline - 利用Plot完成堆疊柱狀圖
1 Simple baseline - 加入Checkbox input使其可選擇呈現的資料集
3 Medium baseline - 利用SVG完成堆疊柱狀圖(含Checkbox)
1 Medium baseline - 加入D3的過渡效果
2 Strong baseline - 利用SVG製成的堆疊柱狀圖添加陰影效果
1 Strong baseline - 添加滑鼠游標偵測效果