{"version":"1.0","type":"rich","title":"d3-slippy: Constraining Zoom/Pan","description":"This example demonstrates a slippy map interface built with d3-slippy, a custom D3 v4 plugin that constrains zoom and pan to geographic limits. The map displays OpenStreetMap tiles with Mercator projection, allowing users to pan and zoom while restricting the view to valid world coordinates and tile zoom levels (between 4 and 13). A yellow polygon overlaid on the map shows a region in Uruguay, highlighting how the projection and zoom transforms interact with geographic features. The visualization uses SVG rendering and includes tile wrapping and attribution for OpenStreetMap contributors.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-3b1fb5ce8957dab2e3f5042931dddf6c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}