作業 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 傳送門)
記得將 tjhsieh 改成你的 GitHub 帳號

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

心得報告(100字)

這次作業,我學到了如何使用 D3.js 讀入 CSV 格式成績表,進而繪製蘋果成績表。在這次的作業,d3.data() 可以綁定成績到 HTML 元素的 _groups[0][0].__data__ 屬性,可以打開 console 進行驗證。而 enter() 之後的函式, data 數量有多少,就會執行幾次。有點像 for 迴圈。
心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。心得報告 100 字。
總分 完成後打勾 配分 分項描述
2 Simple baseline - 產生 Dummy CSV 虛構成績表
3 Medium baseline - 繪製 v3 蘋果成績表
3 Medium baseline - 繪製 v7 蘋果成績表
2 Strong baseline - 繪製 v7 創新成績表,參考D3畫廊,修改範例,推出創新成績表

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

Medium baseline - 繪製 v3 蘋果成績表

Medium baseline - 繪製 v7 蘋果成績表

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