作業 01

Simple Baseline (隨機產生120人CSV成績表)程式碼,請放在 https://github.com/你的帳號/vis2023f/hw01/src-easy/

Simple Baseline (繪製 v3 蘋果成績表)程式碼,請放在 https://github.com/你的帳號/vis2023f/hw01/src-medium-v3/

Medium Baseline (繪製 v7 蘋果成績表)程式碼,請放在 https://github.com/你的帳號/vis2023f/hw01/src-medium-v7/

Strong Baseline (參考D3畫廊,繪製嶄新的成績表)程式碼,請放在 https://github.com/你的帳號/vis2023f/hw01/src-strong/
打開作品集資料夾 (GitHub 倉庫 vis2023f 傳送門)

前往 GitHub Pages 網頁 (GitHub Pages vis2023f 傳送門)

心得報告(100字)

這次作業,我學到了如何製作一個虛構成績表(Dummy CSV),利用 D3.js 讀入 CSV 格式成績表,進而繪製蘋果成績表,並在改寫成第7版時, 發現新版本在餵入的格式有改變,花了不少時間才順利將data讀入。在strong basline的部分,也花了不少功夫在繪製成堆疊長條圖(stacked bar chart)。
總分 完成後打勾 配分 分項描述
2 Simple baseline - 產生 Dummy CSV 虛構成績表
2 Simple baseline - 繪製 v3 蘋果成績表
2 Medium baseline - 繪製 v7 蘋果成績表
4 Strong baseline - 繪製 v7 創新成績表,參考D3畫廊,修改範例,推出創新成績表

Simple baseline - 產生 Dummy CSV 虛構成績表

Medium baseline - 繪製 v3 蘋果成績表

Medium baseline - 繪製 v7 蘋果成績表

Strong baseline - 參考D3畫廊,繪製嶄新的成績表