DEV Community

Cover image for 🌍 Deep-Time Mirror: An AI Lens into Our Ecological Soul For Earth Day Edition.
Sushan Shetty
Sushan Shetty

Posted on • Edited on

🌍 Deep-Time Mirror: An AI Lens into Our Ecological Soul For Earth Day Edition.

DEV Weekend Challenge: Earth Day

This is a submission for Weekend Challenge: Earth Day Edition (April 22)

What I Built

I built the Deep-Time Mirror, an immersive, AI-powered "temporal lens" that allows users to witness the environmental evolution of any location on Earth.

The goal was to move beyond cold, flat data and create an emotional connection with the land. The Mirror takes you through three distinct epochs:

  • The Deep Past (~10,000 BCE): A cinematic look at the primeval ecosystem before modern intervention.
  • The Present (The Anthropocene): A gritty, real-time look at current urban and climate impacts, including a "Recent Pulse" with local environmental events from the last 7 days.
  • The Restored Future (~2100 CE): A hopeful, Solar-punk vision where humanity has successfully restored biodiversity and integrated technology with nature.

🌱 The Earth Auditor (Gaia Corp)

Beyond observation, I built a personal accountability system:

Users “confess” their daily habits to a brutally honest AI Earth.
The system generates a Planetary Stability Score (0–100).
It breaks down impact across:
Energy ⚡
Transport 🚗
Waste ♻️
Water 💧
Diet 🍽️

All of this is visualized through an interactive radar chart, turning abstract habits into tangible environmental impact.

Demo

Experience the Mirror live here:

👉 Deep-Time Mirror Live Demo

Code

The full source code and documentation can be found here:

GitHub logo sushanshetty2601-pixel / deep-time-mirror

🌍 An AI-powered 3D cinematic portal into Earth's ecological evolution. Visualize the primeval past, the modern Anthropocene, and a solar-punk future for any location. Built with Gemini AI, React, and Three.js for the Earth Day 2026 Challenge.

🌍 Deep-Time Mirror

Piercing the veil of time for Earth Day 2026.

Deep-Time Mirror is an immersive, AI-powered ecological portal that visualizes the environmental history and restored future of any location on Earth. Built for the Earth Day Challenge, it combines high-performance 3D graphics with real-time generative storytelling to bridge the gap between our primeval past and a sustainable solar-punk tomorrow.


⚡ The Experience

🔭 The Deep-Time Mirror

  1. Temporal Synthesis: The AI stabilization engine kicks in, generating a cinematic, full-screen 3D visual of your location.
  2. Deep Past (~10,000 BCE): Witness the land in its untouched, primeval glory. Meet ancient species and see the world before the Anthropocene.
  3. The Present: A gritty, realistic look at current ecological challenges, complete with a "Recent Pulse" that grabs local environmental data from 1 day and 1 week ago.
  4. Restored Future (~2100 CE): A solar-punk vision of restoration. Witness how architecture and nature can coexist…

How I Built It

My technical approach focused on Temporal Synthesis—using AI to ground creative visuals in scientific fact.

Google Gemini 1.5 Flash: I used Gemini to act as a "Temporal Oracle." It performs real-time searches to gather ecological data about the user's location, then generates structured JSON data for the narratives and climate statistics.

3D Cinematic Visuals: I utilized a generative visual pipeline that creates a full-screen, immersive background for every location. This "Art-First" approach ensures that users see the impact of climate change before they read about it.

React 19 & Three.js: The core interface uses React 19 for high-speed state management and Three.js (via React-Three-Fiber) to create the "Temporal Sphere" at the heart of the experience.

Design Philosophy: I used a high-end editorial/luxury aesthetic with Tailwind CSS v4, utilizing Glassmorphism and specialized scanline filters to give the app a "Retro-Futuristic Science" feel.

Data Visualization: I integrated Recharts to create custom-themed radar charts and built SVG Progress Dials to visualize the Planetary Score. These are fully responsive, data-driven components that transform AI output into actionable insights.

Advanced State Management: Leveraging React 19 hooks and Framer Motion, I created seamless “Temporal Transitions” that make switching between the Mirror and the Auditor feel fluid and cinematic.

Prize Categories

Best Use of Google Gemini

  • 🌍 Grounded Real-Time Search: To find hyper-local environmental changes from the last 24 hours and 7 days.

  • 🧠 Complex Reasoning: To generate scientifically plausible “Restored Future” scenarios based on geography and climate constraints.

  • 🎭 Brutally Honest Personality Logic: Gemini is engineered as a strict planetary auditor, not a passive chatbot. It detects harmful habits (like plastic use or waste) and dynamically assigns an Earth Grade (A+ to F), creating a strong moral feedback loop.

  • 📈 Multi-Dimensional Data Synthesis: It outputs structured data that powers the Planetary Stability Score and a 5-axis environmental radar chart, ensuring every user interaction produces unique, data-driven insights.

✨ Special Features

🌐 High-Fidelity Details

  • Custom Temporal Cursor: A glowing Earth orb with an orbit ring and subtle leaf trail that reacts dynamically to user interactions.

  • Live Pulse Integration: The landing experience includes simulated global activity (12k+ locations, 3.2M trees restored), making users feel part of a global movement.

  • Glassmorphism Design System: Every UI layer uses blur, transparency, and subtle borders to mimic a futuristic “Gaia Corp” terminal.

  • Cinematic Transitions: Moving between the Mirror and Auditor feels like navigating a high-end sci-fi interface.


🍃 A Message for Earth Day 2026 (April 22)

Earth Day is a reminder that we are not just residents of this planet—we are its custodians.

The Facts We Face:

  • Carbon Consciousness: CO₂ levels are currently at their highest in over 4 million years. Our “Deep Past” view reminds us of the baseline we are trying to return to.

  • Restoration is Possible: Scientists estimate that restoring just 15% of converted lands in priority areas could avoid 60% of expected extinctions. My “Future” view is a digital blueprint of this possibility.

  • Every Day Matters: The “Recent Pulse” in the app monitors changes from just 24 hours ago. Climate action isn't a long-term goal—it’s a daily rhythm.

Built with 💚 for the planet by: Sushan Shetty (sushanshetty2601-pixel)
Thank you 😇

Top comments (2)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.