This project is motivated by the Los Angeles Lakers winning their 17th championship in the 2019-20 NBA season. This Lakers team experienced more unprecedented difficulties than ever in this special year, but they were able to put through together and won the championship, which not only brought back this team’s former glory, but also paid the highest tribute to the Lakers’ late celebrity Kobe Bryant.
The goal of this project is to tell a complete story on the Lakers’ 2019-20 season by analyzing the team’s professional statistics, showing the teams season highlights, and ultimately presenting the results in a web page in the form of scrollytelling.
The website is deployed with Github Page: https://zinizhu.github.io/lakers-champion-journey-2020-datavis
Clone the project repository from here.
Import the project to VSCode
and install the Live Server extension. Start the project locally with the live server.
- All the visualizations are implemented with D3.js. The js files are under
js/
folder. - The scrolling effects are implemented with
Waypoints
library. Make sure thejs/noframework.waypoints.min.js
file exists and is properly imported in theindex.html
. - All the data used in this project are under
files/
folder.
Contact the author at [email protected]
.