{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction","description":"This example shows a world map rendered with D3 v5 using the `geoNaturalEarth1` projection and `geoPath` to draw country boundaries from TopoJSON data. The visualization highlights how simple CSS hover effects can create interactivity, with countries turning red on mouseover. Pan and zoom interaction is implemented via `d3.zoom`, which applies a transform to the map group. The map uses data from the World Atlas TopoJSON and TSV files, with country names added as tooltips through SVG `title` elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/50d2430681fe4f37ba3c2840450761e7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}