🌍 Public
Viewing a saved revision (read-only)
c1175dedef19463a83edc30c8dcc0048
Leaflet + D3 Map
This example combines Leaflet and D3 to render an interactive map of the Worli neighborhood in Mumbai, India. It displays hand-drawn lane polygons and street lines as SVG paths overlaid on an OpenStreetMap tile layer. D3’s `geoTransform` and `geoPath` project geographic coordinates into Leaflet’s coordinate system, with paths updating on map zoom events. Users can hover over area polygons, which change color to highlight individual regions, while the underlying geometric data is loaded from JavaScript objects.
AI-generated descriptionLeaflet + D3 Map