diff --git a/Project/Project description.md b/Project/Project description.md new file mode 100644 index 0000000000000000000000000000000000000000..7dc5bc2ed8b321c81b53e29317075007f3888647 --- /dev/null +++ b/Project/Project description.md @@ -0,0 +1,117 @@ +# 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