Skip to content
Snippets Groups Projects
Commit 04f595ea authored by Bouyahya Zied's avatar Bouyahya Zied
Browse files

Add new file

parent 5e6a1c8c
No related branches found
No related tags found
No related merge requests found
# Data Vis. Project
**Author:** Zied Bouyahya
**Date:** 17 February 2025
## Interactive Data Visualization Project
### Year 1 BSc Data Science for Responsible Business -- Semester 2
### Project Overview
This project aims at creating an interactive data visualization using `D3.js`. The goal is to explore, analyze, and present data in a visually engaging and informative way. Students will work in teams of two-three members to develop a web-based visualization that addresses one of the following topics:
- Personal Data
- Mobility and Climate Change
- Environmental Impact of Digital Technology
The project will be hosted on GitHub, and the final visualization must be publicly accessible via GitHub Pages or another hosting platform. The project constitutes **55% of the final grade** for this course.
## Key Dates and Deliverables
| Date | Deliverable |
|-------|------------|
| 20/02 | Team selection and creation of the github repository |
| 27/02 | Dataset selection |
| 13/03 | First draft of the scoping document |
| 27/03 | Peer evaluation |
| 31/03 | **Final presentation** and submission of the final scoping document |
## Project Requirements
### Data Source
- Use personal data (e.g., Spotify, Facebook, smartphone usage) or public datasets (e.g., Open Data Grand Lyon, Data Is Plural).
- If necessary, create simulated data or combine multiple datasets.
### Technical Stack
- **D3.js is mandatory** for creating the visualization. Other libraries (e.g., Tableau) are **not allowed**.
- The project must be hosted on GitHub and include a **GitHub Pages** deployment.
### Documentation
- Maintain a **project wiki** or **progress log** on GitHub to track your work.
- Include **sketches, design iterations, and key decisions** in the documentation.
### Final Deliverables
- A **functional web-based visualization** with clear context and storytelling.
- A **scoping document** outlining the problem, target audience, data sources, and design choices.
- A `README.md` file in the GitHub repository containing:
- Project title and description
- Team members and roles
- Links to the live visualization and documentation
- Credits for data sources and inspirations
## Scoping Document Structure
### Problem Statement
- What problem are you addressing? What need does your project fulfill?
### Target Audience
- Who is your primary audience? What tasks will they perform using your visualization?
### Data Sources
- List the datasets you plan to use. Highlight their strengths and limitations.
- What is your backup plan if the data is unavailable or incomplete?
### Related Work
- Identify **three related projects** or visualizations. Explain how they inspire or differ from your approach.
### Team Organization
- How will your team communicate and collaborate?
- What roles have you assigned (e.g., design, development, data preprocessing)?
### Initial Sketches
- Include **hand-drawn sketches** or **mockups** of your visualization.
## Presentation Guidelines
The final presentation (10 minutes) should cover:
- **Context and Motivation:** Why did you choose this topic?
- **Target Audience:** Who is your visualization for?
- **Demo:** Showcase your interactive visualization.
- **Design and Technical Choices:** Explain your design decisions and technical implementation.
- **Innovation:** What makes your project unique?
- **Limitations:** What challenges did you face, and how did you address them?
## Evaluation Criteria
The project will be graded based on:
- **Scoping Document and Progress Tracking (10%)**
- **Presentation and Demo (45%)**
- **Technical Implementation (45%)**
## Examples and Inspiration
Here are some examples of past projects and resources for inspiration:
- MBTA Visualization
- Team Data Hub
- NYC Subway Visualization
- Harvard Visualization Course Examples
## Submission Instructions
### GitHub Repository
- Name your repository meaningfully (e.g., `MobileData-Visualization`).
- Include a `README.md` file with project details and links.
### Images
- Add a **teaser image** (`teaser.png`) and a **thumbnail** (`thumbnail.png` or `.gif`) to the repository.
## Useful links to learn D3.js
- [freecodecamp](https://www.freecodecamp.org/learn/data-visualization/#data-visualization-with-d3)
- [tutorials] (https://www.tutorialsteacher.com/d3js)
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment