How can you help page
Loading Screen
Impact Page - About Data section
Impact Page 1
Impact Page 3
Impact Page 2
Home Page

Earth Unfolded: A Journey Through Climate History

Inspiration

Earth Unfolded was inspired by the need to visualize climate change in a way that's engaging, educational, and impactful. 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—from prehistoric eras to potential futures—making the abstract concept of climate change tangible and visually striking. The UN Sustainable Development Goals, particularly SDG 13 (Climate Action), were a significant motivator for this project.

What it does

Earth Unfolded provides an interactive 3D visualization of Earth across different time periods, from prehistoric times to projected future scenarios. Users can:

Navigate through seven distinct climate eras using an intuitive timeline
Observe how the Earth's appearance changes across different periods
Explore detailed climate data including temperature and CO₂ levels
Learn about climate impacts specific to each era
Discover potential solutions and actions that can address climate challenges
Access a dedicated "How Can You Help" section highlighting ways to contribute to climate action aligned with UN Sustainable Development Goals

Each era presents unique visual characteristics, climate facts, and environmental conditions, allowing users to witness Earth's climate journey through an immersive, educational experience.

How we built it

Earth Unfolded was built using a modern web development stack:

Next.js as the React framework for server-side rendering and optimized performance
Three.js and React Three Fiber for 3D visualization and Earth modeling
GSAP for smooth animations and transitions between time periods
Framer Motion for UI animations and interactive elements
TailwindCSS for responsive, utility-first styling
JavaScript ES6+ for application logic

We designed the architecture to separate concerns between:

3D visualization components (Earth, Stars)
Data visualization elements (charts, timelines)
Interactive UI components (info panels, navigation)
Climate data management

The Earth model transitions smoothly between eras, with carefully designed atmosphere effects, cloud layers, and era-specific textures that represent the climate conditions of each period.

Challenges we ran into

Building Earth Unfolded presented several technical challenges:

Performance optimization - Rendering a 3D Earth model with atmospheric effects and cloud layers while maintaining smooth performance across devices required careful optimization.
Data visualization - Creating intuitive visualizations for complex climate data that remained accurate while being accessible to non-experts.
Time period transitions - Designing smooth, meaningful transitions between drastically different Earth states (like ice age to industrial era) that conveyed the climate changes visually.
Mobile responsiveness - Adapting a 3D-heavy interactive experience to work well on smaller screens with touch controls.
Scientific accuracy - Balancing visual appeal with scientific accuracy when representing climate data and Earth's appearance across different eras.
Asset management - Creating and managing different Earth textures and models for various time periods while keeping load times reasonable.

Accomplishments that we're proud of

Our team is particularly proud of:

Creating a visually stunning yet scientifically informed representation of Earth's climate history
Building an intuitive user experience that makes complex climate data accessible
Successfully implementing smooth transitions between different time periods with appropriate atmospheric and visual effects
Developing an interactive timeline that connects historical data with potential futures
Integrating educational content with actionable climate solutions
Aligning our project with UN Sustainable Development Goals to promote climate action
Optimizing 3D performance to work across different devices

What we learned

This project was a tremendous learning opportunity that taught us:

Advanced techniques for 3D visualization on the web using Three.js
Methods for presenting complex scientific data in accessible, engaging formats
Strategies for optimizing performance in graphics-intensive web applications
The importance of UX design in educational tools, especially for complex topics
Deeper understanding of climate science and the Earth's climate history
How to balance technical accuracy with engaging visuals
Techniques for creating responsive designs that maintain functionality across devices

What's next for Earth Unfolded

We're excited about the future of Earth Unfolded and plan to expand the project with:

Enhanced data visualization with more detailed climate metrics
Additional interactive elements highlighting specific climate impact zones
AR/VR integration for even more immersive climate exploration
Personalized carbon footprint calculator with actionable reduction strategies
Educational curriculum resources for teachers and students
Expanded "How Can You Help" section with more detailed action plans
API integration with real-time climate data sources
Community features allowing users to share climate action pledges
Multi-language support to reach global audiences
Collaboration with climate scientists to enhance data accuracy and educational content

Earth Unfolded is just beginning its journey to make climate science accessible and actionable for everyone.