slopcity

Open data · three.js · WebGPU

Whole cities, rebuilt.

Real footprints, real heights, real street trees, drawn live in your browser. Fly over the towers, drop to the street, watch the lights come on at dusk. No download, no game engine.

Cities

Each city is tens of megabytes of tiles, streamed as you move, so the first view is up in seconds.

New York 3D New York, USA

New York 3D

Manhattan end to end, with Brooklyn's and New Jersey's waterfronts facing it.

Manhattan (New York County), with the waterfronts facing it: Brooklyn from DUMBO and Brooklyn Heights to Downtown Brooklyn and Fort Greene, and in New Jersey Hoboken, Weehawken, Union City and Jersey City's Heights and Downtown.

  • Official footprints and roof heights
  • Lidar-measured New Jersey
  • 69,582 census street trees
  • Landmarks built from parts
Open the city Chrome or Edge recommended
Central Park from the south
Central Park from the south
Williamsburg Bridge over the East River
Williamsburg Bridge over the East River
Lower Manhattan in the blue hour
Lower Manhattan in the blue hour
More on the wayEight more cities are in the pipeline. This page grows as they land.

How it's made

The same pipeline and viewer build every city; only the data and a style sheet change.

01 · DATA

Open sources, no guessing where it counts

Building footprints with measured roof heights from city open-data portals and lidar, roads, water and land use from OpenStreetMap, street trees from municipal censuses. Landmarks are assembled from their building parts.

02 · PIPELINE

Tiles, blocks and facades

A Python pipeline turns the data into a terrain, streets with markings, kerbs and crossings, building shells with procedural facades matched to each city's architecture, rooftops, traffic lanes and tree positions, all cut into streamable tiles.

03 · VIEWER

Rendered on demand

A three.js viewer on WebGPU (WebGL 2 as fallback) with real sun position, shadows, glass reflections of the skyline, water, moving traffic and a night mode. It draws only when something changes, so an idle tab costs nothing.