前端薪資調查

Avatar of 王鴻延_Alex Wang.
Avatar of 王鴻延_Alex Wang.

前端薪資調查

前端工程師
Taipei, Taiwan
 

前端薪資統計 連結 Github

六角學院提供的前端薪資調查問卷的 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 模型。
六角學院提供的前端薪資調查問卷的 API,背景使用 Three.js 製作特效,主要表格為 D3.js 製作,搭配動態效果與 hover 懸浮視窗。學習 D3.js 跟 Three.js 的 side project。
Avatar of the user.
Please login to comment.

Dipublikasi: 10 Jan 2022
218
10
0

Alat

react
React
d3js
D3.js

dat.gui
d3-tip
Three.js
D3.js
React.js

Bagikan