Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Leaflet + D3 Map

Public visualization

Viewing a saved revision (read-only)

fc757254f5184a3c8494dfc2e8e1b9bf

Fork of Fork of Leaflet + D3 Map

0 stars0🌍 Public
SSnehaAshok1323
Last edited Mar 8, 2023
Created on Mar 8, 2023

This example combines Leaflet and D3 to render a map of Worli, Mumbai, with hand-drawn streets and postal-code polygons overlaid on Esri World Imagery. Using D3 v6, it projects geographic coordinates with `d3.geoTransform` and `d3.geoPath` into SVG paths that are placed on Leaflet’s overlay pane, updating on map zoom events. Polygons and multi-linestrings from local GeoJSON files (polygon.js, lines.js) highlight lanes and district boundaries, while hover interactions fill shapes with red.

AI-generated description

Leaflet + D3 Map