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
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
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
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
WebRF: The Longley-Rice Radio Propagation Model, Running in WebGPU Compute Shaders
Roman Liutikov ported the Longley-Rice ITM algorithm, a real-world radio propagation model used in cell network planning, entirely into WebGPU compute shaders. 1,200 lines of WGSL, a two-pass radial sweep architecture, and coverage maps that actually respect terrain.
- 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
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
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
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
Hydra: A Livecoded Video Synth Built on WebGL Framebuffers
Olivia Jack's Hydra turns the browser into a modular video synth. Chain oscillators, kaleidoscopes, and webcam feeds into recursive GLSL patches, then pipe the output to another browser over WebRTC. Type a function, hit Ctrl+Enter, watch the pixels misbehave.
- Showcase
Find Your Way to Oz: The 2013 Chrome Experiment
UNIT9 built a full Kansas carnival in WebGL for Disney, then destroyed it with a tornado shader borrowed from neuroscience. No physics engine. No framework. Just clever faking, spatial audio, and a three-month deadline. The source is open.
- 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
WebHeat: GPU-Powered Thermal Simulation for Any STL File
A high school senior learned Newton's law of cooling in class, then built a full thermal simulation in the browser. Drop in any STL, watch heat propagate through voxelized geometry on the GPU. WebGPU compute shaders, React frontend, and a useRef trick that keeps it all from falling apart.
- 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
Grenzwert: Path-Traced Volumetric CT Rendering in WebGPU
Grenzwert renders volumetric CT data with ground-truth path tracing, right in your browser. Built on C++/WebAssembly with WebGPU, it streams a 3D mip pyramid for responsive interaction while you edit transfer functions and crop into the volume in real time.
- Showcase
Deferred Rendering in WebGPU: Sponza with 400+ Compute-Driven Point Lights
Georgi Nikolov's WebGPU renderer puts 400+ point lights in the classic Sponza atrium. Deferred shading, cascaded shadows, Hi-Z reflections, TAA. Clean architecture that handles WebGPU's explicit pipelines without drama.
- Showcase
Indra's Pearls
A WebGPU deep dive into Indra’s Pearls, where circle inversions and Möbius transforms turn math into living geometry.
