越來越常看到Racing Bar Chart,想說自己來做做看
我會用NBA 2018-19的數據,做出每個月每隊的勝場數
我平常沒有在看NBA,因為上面的數據很完整,所以使用NBA的數據來練習
這個系列主要是事後程式碼的review,不是step by step的寫code教學
Bar Chart Race, Explained (By Mike Bostock)
bar chart races
2018-19 NBA Schedule and Results
2019-2020 National Basketball Association Logos
2018-19例行賽戰績
這個系列總共有十篇,那還會再分兩個小系列
- 做出Racing Bar Chart的效果
- 套用真實資料
1Intro
2先從一個長條圖開始
3比例怪怪的
4讓長條圖動起來
5加個X軸看得更清楚
6自動執行
7隊伍資訊和數字動畫
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.