Search the archive.
Find published work and reporting by title, description, article text or tag.
Refine results1
Also searching for Maps & Geography, because “map” is another name for it.
24 results for “map”.
- Showcase
Shinjuku Station Indoor Turns Tokyo’s Maze Into a Three.js Map
Satoshi Komatsu’s Three.js viewer turns open indoor map data for Shinjuku Station into a layered 3D wireframe, with floor toggles and pedestrian-network controls for reading Tokyo’s famous maze.
- Showcase
San Rita: A Studio Site Disguised as a Topographic Map
San Rita ditches the agency portfolio grid for something stranger: a navigable topographic landscape where projects sit like waypoints on a trail system. Some paths are open, some are closed for restoration. It's weird, deliberate, and worth inspecting.
- Showcase
Earthquake Pulse Map: A Century of Seismic Activity on a WebGL Globe
A Three.js globe plotting 120+ years of major earthquakes with custom GLSL shaders, binary-packed data, and live USGS feeds. Spin, zoom, and scrub through time. The tectonic boundaries light up whether you're ready or not.
- Showcase
Sporenkijker: A Live 3D Map of Flanders' Busiest Train Stations
A live digital twin of Belgium's ten busiest train stations, with accurate rail geometry and real-time arrivals rendered in a calm mech-tech style. Built by Guy Van Raemdonck at Studio Haedin.
- Showcase
In The Clouds: Tallest Buildings as 40-Meter Blocks
The world's tallest buildings rendered as stacked 40-meter blocks in Three.js. One block equals four floors. Pure client-side WebGL with procedural geometry. No map tiles, just height data and math.
- Showcase
Tesla's In-Car Touchscreen, Rebuilt for the Browser
David Krasniy reverse-engineered the Tesla Model Y dashboard as a Next.js web app. Full control panels, Spotify integration, tire pressure readouts, and a parameterized image compositor for the car visualization. A masterclass in UI fidelity built from the outside in.
- Showcase
Flightradar24: Live Flights Rendered in WebGL2, Updated Every Two Seconds
Flightradar24 renders tens of thousands of real aircraft on a vector globe using WebGL2 and CesiumJS, with positions updating every few seconds from 58,000 volunteer receivers. One of the most data-dense real-time WebGL apps on the public internet.
- Showcase
Google's Language Explorer
Explore 7,000+ languages on a slick WebGL-powered globe built by Google Research. Real-time filters, rich metadata, and interactive pins all driven by the LinguaMeta dataset.
- Showcase
Semantic Globe: A WebGPU Earth That Understands Plain English
Type a vibe like "somewhere cold and lonely" and watch a 3D Earth pin the answer. The text embeddings and the planet shaders share one GPU in one browser tab, no server in the loop. Joshua Lochner's quiet flex of what WebGPU can do when nobody is looking.
- Showcase
Flight Path: 30,000 GPU-Instanced Flights on a Photorealistic Earth
Yong Su's Three.js demo spins a photorealistic Earth and threads up to 30,000 planes along dashed parabolas between cities. Every plane lives in one instanced mesh, with shaders handling the per-frame math. Scrub the UTC slider and watch the terminator crawl across the Pacific.
- Showcase
Holiday Snow Globe
Michael Modena's holiday snow globe uses WebGPU compute shaders to create volumetric snow that actually fills the dome with mesh-based particles generating proper normals. Plus a Porsche GT3 drifts inside. It's a Christmas card that doubles as a lighting and compute shader stress test.
- Showcase
The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade
Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.
- Showcase
3D Life Sim Turns Artificial Life Into a WebGPU Instrument
Aaron Lemke's 3D Life Sim is an open-source WebGPU particle life simulation with live audio input, MIDI mapping, presets, and cockpit controls for exploring emergent forms.
- Showcase
Lacoste Members Experience: A Polo Shirt Co-Creation
Merci-Michel built a Three.js polo customizer with triple UV maps, vertex-encoded metadata, and a pipeline that exports directly to manufacturing. It runs on mobile. It never stutters. Worth studying.
- Showcase
Git City: GitHub Profiles as a 3D Pixel-Art Skyline
A sprawling 3D pixel-art city viewed from above, where each skyscraper represents a GitHub developer with height set by contributions and lit windows mapping to recent activity.
- Showcase
CHILE20: Active Theory's Three-World WebGL Campaign for Adidas Originals
Active Theory built three scroll-driven WebGL worlds for adidas CHILE20, each with its own visual identity. 500K-poly garments baked down to mobile-friendly meshes, fluid cross-world transitions, and a lockdown-era campaign that still holds up.
- Showcase
Moped Mayhem Turns Food Delivery Into Browser Racing Chaos
Evan Poliquin's Moped Mayhem is a browser multiplayer delivery/racing game built with Three.js, Rapier physics, websockets, culling, LODs, and a dense city to learn badly at speed.
- Showcase
SnookerSim: Snooker With Physics You Can Measure
A 3D snooker table you can just walk up to and play. Side spin curls the cue ball off the cushion, deep screw draws it back, and a cage-and-jaw view shows exactly why your ball rattled out. Physics in plain TypeScript, no off-the-shelf engine. Shareable positions, MP4 capture, real recorded sound.
- Showcase
Noomo's 3D Storytelling Site: A Walk Through Phoenix
Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.
- Showcase
Narrow One: A Multiplayer Archery Game with WebGL
Two developers in Rotterdam built a custom WebGL engine from scratch to run a 5v5 multiplayer archery game entirely in the browser. Just bows, arrows, and castle arenas that load in seconds on a Chromebook.
- Showcase
Vermeer's Milkmaid Dissolved into WebGPU Particles
Revelium Studio broke Vermeer's 1658 Milkmaid into thousands of GPU-driven particles using WebGPU and Three.js TSL. Color-sampled from the original painting, the result is a particle cloud that somehow still holds the composition together. Worth a long stare.
- Showcase
Lume: GPU-Powered 3D Scenes Written as Plain HTML Elements
Lume lets you build WebGL-powered 3D scenes using custom HTML elements. Lights, shadows, glTF models, and reactive updates, all in markup that works with React, Vue, Svelte, or vanilla HTML. No canvas wrangling required.
- Showcase
Skatebuilder: A 3D Skateboard Configurator
Paint directly onto a 3D skateboard, layer decals, and rotate to inspect your work. Built with React Three Fiber, Skatebuilder handles real-time brush strokes and texture compositing with the kind of polish most product configurators never achieve.
- Showcase
Pyramids of Meroë: 3D Archaeology in the Browser with Three.js and WebXR
Sudan has more pyramids than Egypt. This scrolling experience from Google Arts & Culture lets you explore them in 3D, drop one into your room via WebXR, and learn why the Kushite Kingdom remains half a mystery.
