GaiaScope

Demo Video - https://youtu.be/u690IztYCvI - DevPost link - https://devpost.com/software/gaiascope

GaiaScope is an interactive globe visualization app for exploring UN Sustainable Development Goals (SDGs), pollution, and climate risk data by country. It features a 3D globe, SDG charts, Gemini-powered Q&A, and dynamic overlays.

Features

• Interactive 3D globe (Globe.gl + Three.js)
• SDG, pollution, and climate overlays
• Country info panel with SDG metrics
• Bar chart for SDG 1–17
• Gemini chat for Q&A
• Responsive Tailwind CSS UI

Tech Stack

• Vite + React
• Tailwind CSS
• Three.js, Globe.gl
• Chart.js, react-chartjs-2
• Axios

Getting Started

1. Install dependencies:

   npm install

2. Run the app:

   npm run dev

3. Open in browser: Visit https://gaia-scope.vercel.app/

Project Structure

• src/components/ – React UI components
• public/data/ – Mock JSON data for SDGs, pollution, metadata

Deployment

https://gaia-scope.vercel.app/

© 2025 GaiaScope