作業 02

Simple baseline 程式碼,請放在 https://github.com/ 你的帳號 /vis2023f/hw 02 /src/simple 檔案夾。

Medium baseline 程式碼,請放在 https://github.com/ 你的帳號 /vis2023f/hw 02 /src/medium 檔案夾。

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

前往你的 Demo 網頁

心得
這次的作業主要是讓我們熟悉 Observable 的使用方式,從將外部的資料導入到 notebook 中並將資料讀出,到繪製成 bar chart、histogram,並能調整調整 margin、fill color、tip......等不同的參數,還能將 notebook 導出成 Iframe 嵌入網頁中,這次作業花最多時間的地方就是在 X 軸座標的轉換上,要如何把數字顯示成中文花了不少時間。
總分 完成後打勾 配分 分項描述
2 Simple baseline-1 - 以histogram呈現每個年份出生的人數
2 Simple baseline-2 - 可調整margin, fill color, tip
2 Medium baseline-1 - 以bar chart呈現每個年份出生的人數
2 Medium baseline-2 - 可調整margin, fill color, tip
1 Strong baseline-1 - 以bar chart呈現每個星座的人數
1 Strong baseline-2 - 以histogram呈現每個星座的人數

Simple baseline - 以 histogram 呈現每個年份出生的人數,可調整margin, fill color, tip

Medium baseline - 以 bar chart 呈現每個年份出生的人數,可調整margin, fill color, tip

Strong baseline - 分別以 bar chart 和 histogram 呈現每個星座的人數