My First Assignment on Data Wrangling and Visualization

Project Structure

This project is structured as follows:

/highest-grossing-films/
│── data_extraction_and_database_design.ipynb  # Jupyter Notebook for data extraction and database setup
│── films.db                                   # SQLite database containing parsed movie data
│── films.json                                 # JSON file storing extracted movie data for frontend use
│── index.html                                 # Main HTML file for displaying the movie data
│── README.md                                  # Project documentation
│── script.js                                  # JavaScript file for handling data fetching and interactivity
│── styles.css                                 # CSS file for styling the web page

Description of Key Files:

• data_extraction_and_database_design.ipynb → Python script for web scraping, data extraction, and database storage.
• films.db → SQLite database where structured film data is stored.
• films.json → JSON export of film data for frontend visualization.
• index.html → Main webpage displaying films in a table format.
• README.md → Documentation file containing project details.
• script.js → JavaScript to dynamically load and display film data.
• styles.css → CSS file defining the styling for the webpage.

Deployment

The hosted webpage is available at: Highest-Grossing Films