Lab / 04 · 3 examples
Maps
Maps and geographic data in the browser: MapLibre, deck.gl and Leaflet on open tiles and open data, each with a text description and a poster when the map cannot load.
Showing 3 of 3
Night Routes
Every scheduled non-stop route in the OpenFlights data on a night-time world map: a scroll story through arcs, hub columns and a heatmap, then search any airport, filter by airline and see where it flies.
MapLibre GL JSdeck.gl+2 more
City in Relief
A landing page for Sete Colinas, a fictional Lisbon city-stays brand, over a real 3D map: terrain, extruded buildings and a camera that flies through six Lisbon landmarks as you scroll, with a time-of-day slider that relights the whole city.
MapLibre GL JSTypeScript+1 more
Orbit
Real satellites over a lit 3D Earth: the ISS, Hubble, weather satellites, GPS and a Starlink sample, propagated in the browser from CelesTrak element sets, with the Sun, night lights and terminator for the moment on the clock. Scrub time, pick any satellite for its orbit and ground track, or ride along with a model of the ISS.
Three.jssatellite.js+1 more