The entire living Earth in your browser.

GeoLive transforms your browser into a real-time geographic intelligence command center. Just open it and watch the planet breathe.

Ever wished you could glance at one screen and instantly see the temperature, wind, rain, waves, air quality, wildfires, droughts, and population density of any place on Earth — all at once, all in real time?

That's GeoLive. It pulls from 12+ live public APIs and renders 17 toggleable data layers onto a gorgeous dark-mode map, complete with adaptive canvas overlays, interpolated grids, and smooth glassmorphism UI.

• 🔴 Live GPS positioning — auto-detects your location with pulsing blue marker
• 📊 Real-time info cards — temperature, wind, waves, AQI displayed in floating panels with mini sparkline bars
• 🎨 Canvas-rendered overlays — temperature, wind, drought, and AQ drawn pixel-by-pixel with bilinear interpolation across a 16×16 grid, then Gaussian-blurred for seamless gradients
• 🌊 Global coastal tide visualization — every coastline on Earth traced in blue, with brightness mapping wave height and periodic mini range bars
• ⚓ Multi-source maritime layer — EEZ boundaries + IHO sea areas + continental shelves + OpenSeaMap buoys/lights + NOAA ENC charts
• 📱 Fully responsive — desktop, tablet, mobile, iOS safe-area aware
• 🌙 Dark mode native — deep navy glassmorphism UI with backdrop-filter blur
• ⚡ Lazy loading — layers only fetch data when toggled on
• 🔄 Auto-refresh — weather data refreshes every 10 minutes, grid data re-fetches on map move
• 🛡️ Multi-CDN resilience — coastline data tries GitHub → jsDelivr → unpkg → npmmirror, with marine-grid auto-generation as last-resort fallback
• 📦 Batched API requests — weather grid split into 128-point batches for reliability with best_match model selection

# Clone it
git clone https://github.com/EncyclopediaWorld/geolive.git

# Open it — that's it!
open geolive/geomap.html

Or just download the HTML file and double-click. No npm install, no docker compose, no environment variables. It's one file.

┌─────────────────────────────────────────────────┐
│                geomap.html (single file)        │
├──────────┬──────────┬───────────────────────────┤
│  Leaflet │  Canvas  │    Glassmorphism UI       │
│  Map +   │  Overlay │  Sidebar · Info Cards     │
│  Tiles   │  Engine  │  Legend · Toast · FAB      │
├──────────┴──────────┴───────────────────────────┤
│              Live Data Fetchers                  │
├────┬────┬─────┬──────┬─────┬─────┬────┬────────┤
│Open│Rain│NASA │Marine│NOAA │NWS  │USGS│  GDACS │
│Meteo│View│GIBS│Regions│ENC │+EONET│    │        │
├────┴────┴─────┴──────┴─────┴─────┴────┴────────┤
│  OpenSeaMap · SEDAC · ESRI · CARTO · OSM        │
└─────────────────────────────────────────────────┘

Everything lives in a single <script> block. No frameworks, no bundlers, no dependencies beyond Leaflet (loaded from CDN). The canvas overlay engine supports both static (CanvasOverlay) and animated (AnimOverlay) rendering modes with automatic repositioning during map pan/zoom.

Found a bug? Want to add a new layer? PRs are welcome!

# It's just one HTML file — fork, edit, submit.

Ideas for new layers: ocean currents, lightning, UV index, snow cover, real-time flight paths, marine traffic (AIS)...

Code: Apache 2.0 — Content & visualizations: CC BY 4.0

🌍 One file. Seventeen layers. One living planet.
_{Built with 💙 and public data}