六角學院提供的前端薪資調查問卷的 API,主框架為 React,背景使用 Three.js 製作特效,資料視覺化為 D3.js 製作,搭配動態效果與 hover 懸浮視窗。學習 D3.js 跟 Three.js 時的 side project。
使用技術:
- React.js 製作單頁網站。
- D3.js 製作表格。
- d3-tip 製作懸浮視窗。
- dat.gui 在開發時協助調整光源。
- bootstrap 製作 RWD 版面。
網站功能:
- 背景特效。
- 前端工程師年資、薪水、地區、人數等資料視覺化表格。
- 懸浮視窗提供更詳細的資訊。
在這專案,我學會了:
- 如何使用 D3.js 將資料視覺化。
- 如何使用 d3-tip 製作懸浮視窗。
- 如何使用 Three.js 搭配 dat.gui 製作 3D 畫面。
- 如何載入 normalMap 製作 3D 模型。