Skip to content

We created something called Deep Dive Hub — an interactive web-based platform that turns NASA’s complex data into emotional, 3D stories. It’s VR-ready, which means in the future it can be experienced fully in Virtual Reality — like using a Meta Quest or HTC Vive headset.

License

Notifications You must be signed in to change notification settings

RtKush/Selastra25-DeepDive-NASA-HACKHATHON2025

 
 

Repository files navigation

🚀 Project Overview

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.”


🌍 Problem Statement

NASA collects a massive amount of satellite data every day from missions like:

  • 🛰 PACEPlankton, Aerosol, Cloud, Ocean Ecosystem Mission
  • 🌊 SWOTSurface Water and Ocean Topography Mission
  • 🌎 GRACE-FOGravity 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.


💡 Our Solution

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.”


🌊 Core Features

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.

🧠 Technology Stack

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

⚙️ How It Works

  1. NASA Data Integration → Fetch real datasets from missions like PACE, SWOT, GRACE-FO.
  2. Data Processing → Clean, filter, and map readings into visual layers.
  3. 3D Visualization → Render realistic oceans, skies, and celestial bodies using Three.js.
  4. User Interaction → Explore, play, and learn through guided immersive stories.
  5. Impact → Builds awareness and emotional connection to climate and Earth science.

🎯 Why It Matters

  • 🌍 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.”


🧩 Architecture Overview

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?

About

We created something called Deep Dive Hub — an interactive web-based platform that turns NASA’s complex data into emotional, 3D stories. It’s VR-ready, which means in the future it can be experienced fully in Virtual Reality — like using a Meta Quest or HTC Vive headset.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.1%
  • HTML 27.7%
  • CSS 1.2%