An immersive, AI-powered platform to explore NASA's Sea Surface Temperature (SST) data in 3D and VR.
FloatChatVR transforms complex NASA ocean data into an interactive, conversational experience.
Using AI, VR, and live SST datasets, you can explore global ocean temperatures, filter by regions, and receive intelligent insights — all from a chat or voice command.
| 🌎 Globe + VR | Explore 3D Earth with live SST data (NASA GHRSST + NOAA ERDDAP). |
|---|---|
| 💬 AI Chat | Type or talk naturally — the AI interprets and visualizes results. |
| 🎤 Voice Chat | Powered by Web Speech API for hands-free interaction. |
| 🌡 Live Data | Real-time NASA SST API with offline fallback. |
| 🧠 Smart Insights | OpenAI API generates plain-language explanations. |
| 🕶 VR Mode | Enter immersive ocean exploration via A-Frame + WebXR. |
| 🎞 Dynamic Filters | Smooth region, time, and temperature transitions. |
| 📸 Capture 360° | Export panoramic snapshots of AI insights. |
FloatChatVR/ ├── index.html # Main dashboard + A-Frame VR ├── script.js # Core logic: AI, SST, chat, VR ├── style.css # UI styles + smooth animations ├── favicon.ico # App icon ├── sst_sample.json # Local SST sample data └── assets/ ├── earth.glb # 3D Earth model └── icons/ # Optional assets
| Layer | Technology |
|---|---|
| 🌍 3D / VR | A-Frame + Three.js + WebXR |
| 🧠 AI | OpenAI GPT API |
| 🌡 Data | NASA GHRSST + NOAA ERDDAP APIs |
| 🎤 Voice | Web Speech API |
| 💻 Frontend | HTML, CSS, JS |
| 📦 Hosting | Works on GitHub Pages / Netlify / Vercel |
cd FloatChatVR
python -m http.server 8080
Then open http://localhost:8080
⚙️ Option B – Node.js
npm install -g http-server
http-server -p 8080
Then visit the same link above.
💬 Usage Guide
🌊 Explore the Ocean
Rotate and zoom the globe.
Change regions or time periods using filters.
🤖 Chat or Speak
Text or voice queries like:
“Show warm waters near India.”
“Compare Atlantic and Pacific temperatures.”
The AI responds with text and visual updates.
🕶 Enter VR Mode
Click the VR goggles icon (bottom right).
See data as glowing points on Earth.
AI replies float inside the VR scene.
📸 Capture 360°
Click “Capture 360” to export panoramic screenshots of your visualization.
🌡 NASA SST API Example
https://coastwatch.pfeg.noaa.gov/erddap/griddap/jplMURSST41.json?sst[(2024-07-01T00:00:00Z)][(90):(–90)][(–180):(180)]
If the live API is unavailable, FloatChatVR automatically loads data from sst_sample.json.
🔮 Future Enhancements
🌦 Add ocean currents & salinity layers.
🛰 Integrate real-time MODIS satellite overlays.
🗣 Multilingual voice interaction.
🧠 Offline local AI assistant.
📈 Historical trend comparison.