Visualizing Earth's climate journey through time—past, present, and possible futures.

Earth Unfolded provides an interactive 3D visualization of our planet across different time periods, from prehistoric times to projected future scenarios. This educational tool makes climate change tangible and visually striking, helping users understand Earth's climate journey through an immersive experience.

• Interactive Timeline: Navigate through seven distinct climate eras
• 3D Earth Visualization: Observe how Earth's appearance changes across different periods with dynamic atmospheric effects
• Climate Data Dashboard: Explore temperature and CO₂ levels with intuitive charts
• Era-Specific Information: Learn about climate impacts and solutions for each time period
• How Can You Help: Discover actions aligned with UN Sustainable Development Goals to combat climate change
• Responsive Design: Experience the application on any device

• Frontend Framework: Next.js 15
• JavaScript Library: React 18
• 3D Rendering: Three.js, React Three Fiber, React Three Drei
• Animation: GSAP, Framer Motion
• Styling: TailwindCSS
• Data Visualization: D3.js
• State Management: Zustand

• Node.js (version 18 or higher)
• npm or yarn

1. Clone the repository

   git clone https://github.com/AnishD4/Earth-Unfolded.git
   cd Earth-Unfolded

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 with your browser to see the result.

1. Create a production build

   npm run build
   # or
   yarn build

2. Start the production server

   npm run start
   # or
   yarn start

Traditional climate data can often feel abstract and disconnected from our daily lives. We wanted to create an interactive experience that allows users to literally see how our planet has changed over time. The UN Sustainable Development Goals, particularly SDG 13 (Climate Action), were a significant motivator for this project.

Building Earth Unfolded presented several technical challenges:

• Performance optimization for 3D rendering
• Creating intuitive data visualizations for complex climate information
• Designing smooth transitions between time periods
• Ensuring mobile responsiveness for a 3D-heavy application
• Balancing visual appeal with scientific accuracy

We plan to expand the project with:

• Enhanced data visualization with more detailed climate metrics
• AR/VR integration for even more immersive climate exploration
• Personalized carbon footprint calculator
• Educational curriculum resources for teachers and students
• API integration with real-time climate data sources
• Multi-language support

This project is licensed under the MIT License - see the LICENSE file for details.

• Anish Dhore - GitHub
• Sayuon Biju - GitHub
• Srikar Anumolu - GitHub

• Climate data sourced from NASA

Made with 💙 for our planet