A data-driven storytelling project recreating John Snow’s famous cholera map, built using scrolly-telling techniques. This project brings to life the historical data of London's 1854 cholera outbreak, providing an interactive experience to explore the impact of Snow's work.
This project is a modern, interactive tribute to John Snow's pioneering work in epidemiology. By utilizing data storytelling, animations, and visualizations, users can scroll through an interactive timeline, observing how Snow's meticulous data collection and visualization helped pinpoint the source of the cholera outbreak in Soho, London.
Check out the live version of the project here.
- Scrolly-telling Experience: As users scroll, key events and data points from the 1854 cholera outbreak are revealed in sequence, guiding the user through Snow's discoveries.
- Animated Map Visualizations: An interactive map highlights areas affected by cholera, with animations showing water pump locations and case clusters.
- Responsive Design: Ensures an optimal experience on both desktop and mobile devices.
- Historical Data Wrangling: Python scripts are used for cleaning and structuring historical cholera outbreak data.
- Frontend: React, Chakra UI for component styling, Framer Motion for animations
- Backend Data Processing: Python for data wrangling and preparation
- Deployment: GitHub Pages for hosting
- Node.js
- Python 3.x (for data wrangling)
- Clone the repository
git clone https://github.com/mehassanhmood/JohnSnow-CholeraScrolly.git
cd JohnSnow-CholeraScrolly- Install Dependencies
npm install- Run the app
npm run dev