作業 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 網頁

心得
這次的作業遇到的困難:1. 更改tip中標題的值。2. 將一開始讀到的資料集轉換成能用bar chart呈現的Object Array。3. 更改tip中內容的值。 解決問題的過程中,發現使用 "console.log" 來Debug非常好用,能很有效率的找到問題出在哪裡。 長條圖跟直方圖算是比較基本的圖表,實作起來難度也比較低,但也能很清楚的呈現我們想知道的資訊,是很實用的圖表。
總分 完成後打勾 配分 分項描述
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 呈現每個星座的人數