CPSC583-NBA

CPSC 583 Group Project By: Gurmukh, Moiz and Gary

NBA Dataset: https://www.kaggle.com/datasets/wyattowalsh/basketball

How to Run?

Simply launch index.html and then navigate to desired page.

Where are the resources stored?

https://glitch.com/edit/#!/group-14-583-details?path=README.md%3A1%3A0

In the Assets folder. D3 would not pick up the csv file directly from your computer. So you can just upload it to the glitch project and use that url to fetch it.

References

Datasets:

https://www.kaggle.com/datasets/wyattowalsh/basketball https://www.nba.com/stats

Code Libraries Used:

Bootstrap: https://getbootstrap.com/docs/5.0/getting-started/introduction/

Bootstrap Icons: https://icons.getbootstrap.com/

Chart JS: https://www.chartjs.org/

D3: https://d3js.org/

Icon pictures on the main page: https://www.flaticon.com/

Reused Code:

To wrap the axis labels, referenced from: https://gist.github.com/mbostock/7555321

To enable the tooltip, referenced from: https://getbootstrap.com/docs/5.0/components/tooltips/

To add menus, referenced from: https://vizhub.com/curran/98ba4daacc92442f8d9fd7d91bfd712a

Slope chart, referenced from: https://d3-graph-gallery.com/graph/parallel_basic.html