{"version":"1.0","type":"rich","title":"Dynamic tile clipping and more","description":"This example demonstrates interactive map manipulation on a Leaflet map centered on Moscow. Users can draw polygons to dynamically clip OpenStreetMap tiles layered over a Stamen toner base map. The code uses D3.js to project drawn GeoJSON geometries via `d3.geo.path` and `d3.geo.transform`, applying the resulting path as an SVG `clipPath` to reveal the OSM overlay only within the drawn shapes. Additional SVG filters and patterns allow real-time effects like grayscale, hue rotation, and hatching on the map layers.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/gist-c6838e2800c8dd8eaf96?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}