---
# System prepended metadata

title: 第七週小組任務-第1組
tags: [2022JS直播班, 小組任務, 六角學院]

---

# 第七週小組任務-第1組

###### tags: `小組任務`、`六角學院`、`2022JS直播班`


> 小組討論
> 會議時間：2022/11/14(二) 20:00
> 會議方式：Discord 頻道
> 參與人數：人

## :memo: 簽到區 (參與live 會議)

| No. |   Discord Name   | 簽到 11/14   :heavy_check_mark:|
| --- | ---------------- | ------------------ | 
| 1   | Barret#1119      | :heavy_check_mark:  | 
| 2   | JustinLiu#9699   |  :heavy_check_mark: |
| 3   | Data#9297        |  :heavy_check_mark: |
| 4   | 教練#6451         |  :heavy_check_mark: | 
| 5   | jackson204#6363  | :heavy_check_mark:  |
| 6   | Winnie#1306      |  :heavy_check_mark: |
| 7   | XYY#2630         |  :heavy_check_mark: | 
| 8   | 健育#5748         |   |
| 9   | H.L.C#2152       |  :heavy_check_mark: | 
| 10  | beta lin#1445    | :heavy_check_mark:  |

## 小組任務


---



### 第一題：一起討論第七週主線該如何實作！
![](https://i.imgur.com/YSJvMmA.png)


### 第二題：撈取[2021 前端工程師薪資資料，並用 C3.js 呈現](https://raw.githubusercontent.com/hexschool/2021-ui-frontend-job/master/frontend_data.json?token=AAQWFQDSNRRXC6FBW7PDSETBOESVW)
* 一條長條圖：接案公司的薪資滿意度平均分數
* 二條長條圖：抓取博弈、電商公司兩個產業滿意度的平均分數
* 圓餅圖：撈取男性跟女性比例有多少
* 圓餅圖：顯示薪水區間分佈

| No. |   Discord Name   | Codepen|
| --- | ---------------- | ------------------ |
| 1   | Barret#1119      | [CodePen](https://codepen.io/barret0720/pen/RwJgQwb?editors=0010)  |
| 2   | JustinLiu#9699   |  |
| 3   | Data#9297        | [CodePen](https://codepen.io/kirakira72/pen/gOKwVyv?editors=1011)|
| 4   | 教練#6451         |  |
| 5   | jackson204#6363  | [CodePen](https://codepen.io/jackson204/pen/dyKWBQJ) |
| 6   | Winnie#1306      |[Codepen](https://codepen.io/WinnieWuWinnie/pen/QWxMYQv?editors=1011)
| 7   | XYY#2630         |  |
| 8   | 健育#5748         |  |
| 9   | H.L.C#2152       |[CodePen](https://codepen.io/hsin-liang/pen/WNyOMRO)|
| 10  | beta lin#1445    |[CodePen](https://codepen.io/linbeta/pen/xxzrYwQ)  |

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

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

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