Home▸GIS & Geoinformatics▸Layered Interactive Maps for Infrastructure Siting

📍 Layered Interactive Maps for Infrastructure Siting

A 3D city map that clusters candidate EV-charger sites, colours them by quantile demand class, and blends a live density heat layer as you tune the parameters.

GIS & Geoinformatics3DAdvanced60 FPS

A 3D city map lets you scatter candidate EV-charger sites, watch nearby ones merge into clusters as the cluster radius grows, colour each site by its quantile demand class, and blend in a live kernel-density heat layer.

🔬 What It Demonstrates

Marker clustering groups points within a chosen radius into count-labelled bubbles; quantile colour coding ranks sites into five equal-count classes regardless of the raw demand distribution; the heat layer sums per-site kernels into a continuous density surface.

🎮 How to Use

Adjust the number of candidate sites, drag the cluster radius from 0 (every pin visible) upward, tune the heat layer's opacity, and switch between quantile and linear colour modes. Regenerate for a fresh random demand surface.

💡 Did You Know?

Real siting tools like Folium's MarkerCluster and Leaflet.heat use exactly this two-layer trick — clustering for readability at low zoom, heat layers for density at a glance — so planners never have to stare at thousands of overlapping pins.

⚙ Under the hood

A 3D city map that clusters candidate EV-charger sites, colours them by quantile demand class, and blends a live density heat layer as you tune the parameters.

city-planningmapping3d-modelingurban-designlocation-analysisdata-visualizationThree.js

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install