Deep Dive is an interactive web platform that turns NASA’s open datasets into immersive 3D experiences using WebXR, React, and Three.js.
Instead of looking at static charts, users explore oceans, skies, and space through real NASA data — directly from their browser, no VR headset required.
🎯 “From numbers to narratives — turning NASA’s data into living experiences.”
NASA collects a massive amount of satellite data every day from missions like:
- 🛰 PACE – Plankton, Aerosol, Cloud, Ocean Ecosystem Mission
- 🌊 SWOT – Surface Water and Ocean Topography Mission
- 🌎 GRACE-FO – Gravity Recovery and Climate Experiment Follow-On
🔹 The problem:
- The data is too complex for most people.
- It’s hidden in spreadsheets, graphs, or APIs.
- The emotional story behind the data gets lost.
🧩 In short: NASA has the data — but the story is missing.
We built Deep Dive Hub, a VR-ready storytelling platform that transforms NASA’s data into interactive, visual, and emotional stories.
Users can experience oceans, planets, and asteroids like never before — visually, emotionally, and interactively.
🌐 “Data exists, but stories make it human.”
| Feature | Description |
|---|---|
| 🌊 Ocean Exploration (PACE Mission) | Visualizes ocean color, plankton, and clouds as living oceans — not static charts. |
| 🌞 Solar System Explorer | Explore planets, moons, and asteroids in 3D space with real eclipse simulations and atmospheric soundscapes. |
| ☄️ Near-Earth Object Tracker | Displays real NASA asteroid data with orbit paths and approach info. |
| 🎮 Interactive Learning Modules | Quizzes, challenges, and missions that make science exploration fun. |
| 🎧 Immersive Storytelling + AI Chatbot | Voice narration, spatial audio, and AI explanations simplify complex data for all. |
| Part | Technology | Purpose |
|---|---|---|
| 🌐 Frontend | React + Three.js | Builds the 3D interactive environment |
| 🎞 Animation | GSAP 3 (GreenSock Animation Platform) | Creates cinematic animations and transitions |
| ⚙️ Backend | Node.js + Express | Fetches, processes, and serves NASA’s datasets |
| 🧩 Accessibility | AI Chatbot | Converts scientific data into simple, human-friendly language |
| 🕶 Cross-Platform | WebXR + 360° | Works seamlessly on desktop, mobile, and VR |
- NASA Data Integration → Fetch real datasets from missions like PACE, SWOT, GRACE-FO.
- Data Processing → Clean, filter, and map readings into visual layers.
- 3D Visualization → Render realistic oceans, skies, and celestial bodies using Three.js.
- User Interaction → Explore, play, and learn through guided immersive stories.
- Impact → Builds awareness and emotional connection to climate and Earth science.
- 🌍 Makes science human — transforms raw data into experiences.
- 💙 Raises awareness about climate and ocean systems.
- 👩🏫 Engages students through interactive learning.
- 🧭 Bridges the gap between knowledge and understanding.
“We can’t protect what we don’t understand — Deep Dive helps everyone understand Earth.”
Frontend (React + Three.js)
↓
Visualization Layer (WebXR + GSAP Animations)
↓
Backend (Node.js + Express)
↓
NASA Open APIs (PACE / SWOT / GRACE-FO)
🧰 Installation Guide
1️⃣ Clone the Repository
bash
Copy code
git clone https://github.com/<your-username>/Deep-Dive.git
cd Deep-Dive
2️⃣ Install Dependencies
bash
Copy code
npm install
3️⃣ Start the Development Server
bash
Copy code
npm run dev
4️⃣ Open in Browser
Visit:
👉 http://localhost:5173
📸 Screenshots
Preview Description
🌊 Ocean Visualization (PACE Mission)
🌞 Solar System Explorer View
☄️ Near-Earth Object Tracker
🎮 Quiz & Learning Module UI
(Add screenshots in the /assets folder and link them here.)
👨🚀 Team Selastra-25
Kush Kumar-> Team Leader & Developer
Pradeep Solanki -> Developer
Kush Gupta-> Developer
Komal Kumari-> Designer
Anshika Singh -> Research & Content
🧭 Future Vision
🌍 Add real-time NASA data feeds.
👥 Enable multi-user VR exploration.
🪐 Expand to more NASA missions (Mars, atmosphere, biodiversity).
💬 Integrate AI narration and voice-driven storytelling.
🏁 Conclusion
Deep Dive transforms NASA’s raw datasets into interactive, emotional, and educational 3D experiences.
It’s VR by design, accessible to all, and aims to inspire awareness about our planet.
🌊 “Deep Dive — from oceans to skies, bringing NASA’s data to life.”
🪐 License
This project is open-source and available under the MIT License.
🛰 Acknowledgments
Special thanks to:
NASA Open Data Portal for datasets.
Three.js, GSAP, and WebXR communities.
Hack the Future: A Gen AI Sprint Powered by Data organizers for inspiration.
⭐ Don’t forget to star this repo if you like our project!
---
Would you like me to make a **README banner image** (like “🌊 Deep Dive | NASA Data Storytelling Platform”) for the top of your GitHub page, with a **futuristic + cosmic gradient design** that matches your project branding?