Drawing inspiration from the iconic TV show "Friends," during the Information Visualization 2021/2022 course we embarked on a journey to design an information-rich dashboard, merging analytical expertise with creative nostalgia in order to provide fans with an engaging experience. By combining HTML, CSS, and JavaScript (including d3.js), the team created an interface that presents data and enables exploration while capturing the essence of the show.
The project utilizes the following stack:
- HTML, CSS, JavaScript (d3.js) for frontend development.
- Python (Pandas) for data manipulation and analysis.
- Hitachi’s Pentaho Data Integration & Analytics for data processing and manipulation.
- Microsoft Excel for data exploration and preprocessing.
- LaTeX for comprehensive project documentation.
| Name | ISTID |
|---|---|
| Catarina Rodrigues | 87817 |
| Daniela Mendes | 87646 |
| Vasco Pires | 87708 |
To run the app on your machine, follow these steps:
- Web Server for Chrome - Install from Chrome Web Store
or
- Install the Web Server for Chrome extension from Chrome Web Store.
- Launch the extension
- Click on the button CHOOSE FOLDER, and select the project directory containing index.html (root directory).
- Start the web server and access the provided URL to explore the dashboard.
- Download and unzip the project files from the repository.
- Install Visual Studio Code if not already installed.
- Install the Live Server Extension (v5.6.1) in VS Code.
- Open the project folder in Visual Studio Code.
- Click the Go Live button in the bottom right corner to launch the dashboard.
"Friends: The One with the InfoVis" encapsulates the intersection of data-driven insights and creative entertainment in an interactive dashboard that appeals to fans. The project exemplifies the art of data visualization while offering an immersive journey into the world of "Friends." Thank you for exploring our dashboard tool!