{"version":"1.0","type":"rich","title":"D3-slippy map with canvas tiles","description":"This example demonstrates a slippy map implemented with D3 v4, using canvas rendering for efficient display of OpenStreetMap tiles. The custom `d3.geoSlippy` projection wraps d3.geoMercator and integrates with d3.zoom to enable panning and zooming with proper tile loading and wrapping. Tiles are drawn directly onto a 960×960 canvas, with zoom constraints and tile depth calculated dynamically from the current transform. The map supports interactive pan and zoom while maintaining geographic accuracy through the Mercator projection.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bc9c9a6203982773346cdeff3d0d9b1d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}