Map - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

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.

Aug 2, 2026

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.

May 27, 2026

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.

May 11, 2026

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.

Apr 22, 2026

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.

Apr 8, 2026

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.

Mar 25, 2026

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.

Feb 28, 2026

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.

Feb 26, 2026

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.

Feb 21, 2026

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.

Feb 12, 2026

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.

Dec 23, 2025

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.

Dec 15, 2025