zinizhu / lakers-champion-journey-2020-datavis

Storytelling of Los Angeles Lakers 2019-20 season

Scrollytelling of the Lakers Championship Journey

Background

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.

Website

The website is deployed with Github Page: https://zinizhu.github.io/lakers-champion-journey-2020-datavis

Data Source

• NBA Stats Official Website
• basketball-reference
• nba-api

Visualization Tools

• HTML/CSS/JavaScript
• D3.js
• Waypoints

Development

clone the project

Clone the project repository from here.

run on local

Import the project to VSCode and install the Live Server extension. Start the project locally with the live server.

make changes

• 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 the js/noframework.waypoints.min.js file exists and is properly imported in the index.html.
• All the data used in this project are under files/ folder.

Questions

Contact the author at [e-mail].