---
# System prepended metadata

title: "\U0001F3C5 DAY33 每日任務"
tags: [JS 直播班  - 2021 秋季班]

---

# 🏅 DAY33 每日任務
###### tags: `JS 直播班  - 2021 秋季班`

C3.js 使用練習
---
請同學觀看完 [第七週錄影](https://courses.hexschool.com/courses/20201113/lectures/36440532) 後，練習使用 C3.js 這個套件!


問題一
---
老媽希望了解一下她的兩個兒子，大翰跟小寶，每天在學校的數學小考成績狀況如何。她透過 C3.js 的 [折線圖](https://c3js.org/samples/timeseries.html) 將他們兩個的 [成績數據](https://docs.google.com/spreadsheets/d/15zplfOdD-ZOonsUsBCRF-sKNLbP2yBRWj1VtNnjnRII/edit#gid=0) 圖像化，已經知道圖像化後的結果如下圖:

![](https://i.imgur.com/uwET4hP.png)

請問 JS 程式碼應該如何撰寫? 

問題二
---
六角高中準備舉辦園遊會，要由同學們票選出這次的主題。班長透過 C3.js 的 [Donut Chart](https://c3js.org/samples/chart_donut.html) 將投票數據呈現如下: 

![](https://i.imgur.com/Tj3YK52.png)

已經知道主題有三種，它們各自的得票數以及色碼資訊為:
```
鬼屋{
    得票數: 10,
    色碼: #E68618
}
女僕咖啡廳{
    得票數: 20,
    色碼: #F280CA
}
童話世界{
    得票數: 5,
    色碼: #26BFC7
}
```
請問 JS 程式碼應該如何撰寫? 


回報流程
---
將答案寫在 CodePen 並複製 CodePen 連結貼至 thread 中回報就算完成了喔! 解答請參考下圖（需打開程式碼的部分觀看）

![](https://i.imgur.com/6UoJVtD.png)

<!-- 解答
https://codepen.io/znlcgmgk/pen/RwKaOgL?editors=1010
-->

|    Slack    |                       CodePen                        |
|:-----------:|:----------------------------------------------------:|
| Karen Huang | https://codepen.io/Coding_Snorlax/pen/LYjvJJW|
|   蔡明達    | https://codepen.io/bmzpfyxe/pen/NWgKQZB?editors=1011 |
|    Iris Huang    |    https://codepen.io/ythuang/pen/RwZzbqe    |
|    米米   |    https://codepen.io/Jameshsu0407/pen/BadgaBB?editors=1010   |
| POPEYE | https://codepen.io/popeye_ux/pen/gOxNYqE |
|Tim Lin|https://codepen.io/TimmyLin/pen/GRvbKzz?editors=1011|
|Aaron Tu | https://codepen.io/aarontu/pen/LYjKPKm|
|有廖先生(Rain)|https://codepen.io/billpop741/pen/GRvbRob|
|Louis| https://codepen.io/Louis164156/pen/KKvjKqW |
| Sam | https://codepen.io/sam-hsu/pen/zYdVYYE |
| Lai | https://codepen.io/co_lai/pen/KKvjKRq?editors=1010 |
|lumei|https://codepen.io/l_umei/pen/JjyQjpe|
|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/MWvMYYX|
| Peter Chen | https://codepen.io/yuckugjy-the-sasster/pen/wvqLBKe |
| 傅劍軒 | https://codepen.io/seonkuraito/pen/qBXzWGo?editors=1010 |
| YC | https://codepen.io/YCLu/pen/NWvZWQg |
| Elaine Liu | https://codepen.io/elaine7598/pen/OJjePLW?editors=1010 |
| Yunei | https://codepen.io/Yunei/pen/wvqLBGq |
|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/jOLjEap?editors=1010|
|Gill|https://codepen.io/Gill-Chin/pen/vYJqEVm?editors=1011|
| Jun Ting Lin | https://codepen.io/jake1155/pen/eYEwYKM |
| Pei Ying | https://codepen.io/Pei-Ying/pen/xxLowZW?editors=1111 |
| 連小艾 | https://codepen.io/bolaslien/pen/bGrPNwo?editors=1010 |
|Jasper|https://codepen.io/li-jasper/pen/XWaLmxB
|洋蔥|https://codepen.io/oikdkmxq-the-looper/pen/RwZzPbj?editors=1010|
|張喆|https://codepen.io/wow767t/pen/ZEJdWWE|
|Calon|https://codepen.io/Calon0118/pen/KKvjVYJ|
|kk|https://codepen.io/potatokaka/pen/dyzBGzG?editors=0011|
|鄭安志|https://codepen.io/lwmtsgek/pen/OJjeyzy?editors=1111|
|阿和|https://codepen.io/shnny/pen/LYjKxLg?editors=1010|
|Bonnie|https://codepen.io/bonnieli1414/pen/rNzEmeV|
|Steven Chan |https://codepen.io/Steven1220/pen/mdMZrGw?editors=1010 |
| 黃士桓 | https://codepen.io/shr-huan-huang/pen/OJjemOa?editors=1010 |
|yunyi|https://codepen.io/yunyi12374/pen/vYJqeBZ |
|Phil |https://codepen.io/ctkeftjp-the-animator/pen/RwZzaEe?editors=1010 |
|AKI|https://codepen.io/akichen27/pen/YzxoexY|
| Kelvin Hsu | https://codepen.io/kelvin001/pen/VwzJVPV?editors=1011 |
| Yashien Lin | https://codepen.io/YashienLin/pen/GRvbzZy?editors=1010 |
|小K|https://codepen.io/kelen1995/pen/oNermao|
|吉兒| https://codepen.io/Jillkate/pen/OJjKWoP |
|danny123| https://codepen.io/binlandz123/pen/ZEJgKNQ?editors=1010 |
| Riley | https://codepen.io/jjpxbprd/pen/porMWYo |
| ZY Hsu | https://codepen.io/zihyin/pen/OJjKQrB |
|Jocelyn|https://codepen.io/enjoyful/pen/LYjwPLW?editors=0011|
|乃萱|https://codepen.io/nainaikuo/pen/PoKMMBb?editors=0011|
|許閔翔|https://codepen.io/oupbzfxq-the-scripter/pen/XWavvLG|
|雪莉|https://codepen.io/utshang216/pen/VwMZzLg|
| yof | https://codepen.io/yangyof/pen/BadXdJW?editors=1011 |
| 劉維倫 | https://codepen.io/lun0223/pen/NWaKmNx?editors=1010 |
|phi|https://codepen.io/aiya861202/pen/jOGONap|
|Genos|https://codepen.io/pb220416/pen/gOGOzJP|
|艾瑞克|https://codepen.io/ericla/pen/LYzYKVR?editors=0010|
|PeggyTsai|https://codepen.io/pei-chi-tsai/pen/xxXbEvy?editors=1010|
paul|https://codepen.io/printfootya/pen/KKXwNLx?editors=1011|
|   ZOE WU  | https://codepen.io/Zoechiueh/pen/vYeEZMj?editors=1010 |
|   YOYO  | https://codepen.io/lumedkle/pen/LYzEwdm?editors=1010|
|Alvin|https://codepen.io/Alvin20201116/pen/mdBJQxw?editors=1011|
|Sandy|https://codepen.io/Sandy_L/pen/poWJEGN?editors=0010|
|kailun|https://codepen.io/Kailun/pen/dyVGdGm|
|蔣秉彣|https://codepen.io/the-pierre/pen/eYGzgKV?editors=1010|
|Hamaji| https://codepen.io/hamajibashi/pen/eYGBMRz |
| 傑瑞 | https://codepen.io/auatwood909815/pen/VwMPjez |
| Trista | https://codepen.io/Coding_Snorlax/pen/LYjvJJW |

