{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction","description":"This example shows a zoomable natural Earth projection map where hovering over any country turns it crimson. The visualization loads world country boundaries from a TopoJSON file via d3.json, then renders them as SVG paths using d3.geoPath and d3.geoNaturalEarth1. Interaction comes from d3.zoom, which applies a transform to a group element, while CSS :hover rules change country fill colors. The map also includes a blue sphere backdrop drawn from a GeoJSON sphere object.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5a74e8460bf44137b20b87a117f2230e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}