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.
Results 1 to 24 of 31 for “map”.
Mapillary: A Street View Stitched Together by Strangers
Hundreds of millions of crowdsourced street photos, blended into a navigable 3D world you can pan through like a panorama. Built on mapillary-js, an open source TypeScript and WebGL library by Oscar Lorentzon. Point clouds, undistorted camera frames, and an S2-cell navigation graph under the hood.
Ranked results
- 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
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
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
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
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
Exploring Sutro Tower in 3D
Fly through a photorealistic 3D scan of SF's iconic Sutro Tower. Drone photography, gsplat training, and SOGS compression were used to create this ~30MB Gaussian Splat rendered in PlayCanvas. A beautiful example of web-based photogrammetry in action.
- 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
The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film
A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.
- News
WebGPU Hits Critical Mass: All Major Browsers Now Ship It
Chrome, Firefox, Safari, and Edge all ship WebGPU by default. Eight years of spec work finally pays off. Here is what changed, where the gaps remain, and why this matters for graphics and compute on the web.
- 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
Martin Laxenaire's Portfolio Is a WebGPU Game Built on His Own Engine
Martin Laxenaire turned his portfolio into a playable WebGPU experience powered by gpu-curtains, his own 3D engine. Procedural particles, boids, and invoice-sized spheres unlock as you interact. Full source code and a Codrops breakdown included.
- 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
Kiomet: A Real-Time Multiplayer Strategy Game Built With Rust and WebGL
Kiomet drops you into a live hex-grid battlefield with dozens of players, 27 tower types, and zero installs. The whole stack is Rust compiled to WebAssembly, rendered through WebGL with custom GLSL shaders. Open source and running in a browser tab.
- Showcase
gpu-curtains: A WebGPU 3D Engine That Syncs Shaders to Your DOM
Martin Laxenaire rebuilt his DOM-to-shader library for WebGPU, and this time it's a full 3D engine. Lights, shadows, compute shaders, glTF support, and the same trick that made curtains.js useful: your HTML elements become shader geometry that scrolls and resizes like native DOM.
- Showcase
Embedding Atlas: Apple's Open-Source Tool for Exploring Millions of Vectors in Your Browser
Apple's Embedding Atlas renders millions of embedding points interactively using WebGPU (with WebGL 2 fallback), Wasm-compiled UMAP, and density-based clustering that runs in milliseconds. Open source, with React, Svelte, Jupyter, and CLI support.
- Showcase
Forged.build
Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.
- 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
Shell Shockers: A Full Multiplayer FPS, in a Browser Tab, Starring Eggs
Sentient eggs with shotguns, pastel arenas, and yolk physics, all running on Babylon.js at 60fps in a cold browser tab. Two hundred million players deep and still the best argument that the web can, in fact, host a real shooter.
