CS3435 Data Collection & Visualization - Dr. Tinghao Feng - Appalachian State University

Group 7 - SVGeniuses

Mitchel Carson, Olivia Jones, Elle Sawyer, Tabatha Williams

NBA STATS VISUALIZATION

This project provides interactive visualizations of NBA data from the 2024-2025 season. The web application features multiple pages that analyze different aspects of NBA statistics, from player performance to team dynamics, using various data visualization techniques including charts, graphs, and interactive elements.

The visualizations aim to answer the following questions:

1. Who will win NBA League MVP?

2. Which team will win the 2025 NBA Championship?

3. How do team fouls impact overall wins?

4. How were teams and players impacted by major trades this season?

How to Run the Project

Prerequisites

• Visual Studio Code with the Live Server extension installed (or any similar local development server)
• Modern web browser (Chrome, Firefox, Safari, or Edge recommended)

Running the Application

1. Clone or download this repository to your local machine
2. Open the project folder in Visual Studio Code
3. Right-click on the index.html file in the file explorer
4. Select "Open with Live Server" or click the "Go Live" button in the status bar
5. The project will open in your default web browser at an address like http://127.0.0.1:5500/
6. Navigate through the different visualization pages using the navigation bar at the top

Project Structure

• Each visualization is contained in its own folder.
• The data folder contains the NBA statistics dataset.
• CSS files are used for styling each page.
• JavaScript files handle data processing and visualization rendering.