Home▸Ecology & Conservation Biology▸Blue-Green Infrastructure Network: Runoff Routing & Corridor Connectivity (2D)

Blue-Green Infrastructure Network: Runoff Routing & Corridor Connectivity (2D)

2D stormwater-network lab: a D4 flow-routing model drains rainfall downhill across a city grid while rain-garden corridors fill, mature and infiltrate it. Tune grid size, corridor density, rainfall intensity and maturity rate, and watch flood risk and corridor connectivity respond in real time.

Ecology & Conservation Biology2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion replaces the 3D scene's orbiting bar chart with the actual hydrology and graph theory behind a blue-green corridor network: a D4 steepest-descent flow-routing pass drains rainfall across a synthetic elevation field toward local sinks, rain-garden corridor cells placed by site percolation fill, mature and infiltrate storm water out of the system, and a breadth-first search reports the size of the largest connected corridor cluster — the same connectivity metric landscape ecologists use to tell a spanning network from a fragmented one.

⚙ Under the hood

2D stormwater-network lab: a D4 flow-routing model drains rainfall downhill across a city grid while rain-garden corridors fill, mature and infiltrate it, and a site-percolation flood-fill finds the largest connected corridor cluster.

blue-green infrastructurestormwater runoffflow routingpercolation theorycorridor connectivityurban hydrology

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install