🌍 Public
Viewing a saved revision (read-only)
7896d7f0c2b840d3bf1fadafa74e9a05
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