{"version":"1.0","type":"rich","title":"D3 + Leaflet (fork from bost.ocks.org/mike/leaflet/)","description":"This example combines D3 with the Leaflet mapping library to render U.S. state boundaries as an interactive choropleth-style overlay on top of a Stamen Toner tile map. The D3 geographic projection is configured to use Leaflet’s latLngToLayerPoint method, which projects each GeoJSON feature onto the map’s current view. State outlines are drawn as SVG paths with a semi-transparent black fill that turns brown on hover. The map responds to zoom and pan events, redrawing the state boundaries to match the new view, creating a seamless integration between D3’s data-driven rendering and Leaflet’s interactive tile-based mapping. The visualization demonstrates how to combine D3’s flexible data joins and projection system with Leaflet’s robust map interactions, rendered on an HTML5 canvas with smooth zoom animations.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-c7ed1b278216fef4f38b68db591590d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}