City of London
A 3D sun and shadow model of central London.
A 3D model of real London buildings, showing sun and shadow for any season and time of day.
Open live demoReal-time 3DReact · TypeScript · Three.jsLive interactive demo
Drag along the sun’s path, or select a building to see how much direct sun it gets.
Open in a new tabAbout the project
A 3D model of about 2 by 2.3 km of central London, from St Paul's to the Tower of London and the Shard, generated from OpenStreetMap data. Choose a season and time, and the shadows move to match the sun's real position.
Select a building or street to see how much direct sun it gets that day, or switch to long exposure to see the whole day across the city at once.
Results are indicative: many building heights are estimated, and trees and terrain are not modelled.
Built with
- React
- TypeScript
- Three.js
- React Three Fiber
- GLSL
- three-mesh-bvh
- SunCalc
- Vite