{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction","description":"This example shows a world map rendered with a natural Earth projection, where countries are drawn as light green paths with a dark blue ocean background. Users can pan and zoom the map using a D3 zoom behavior, which applies a transform to the entire country group. The map data comes from the world-atlas TopoJSON and TSV files, processed with d3.geoPath and topojson.feature. Hovering over a country turns it red via CSS. The code explicitly uses d3.select, d3.json, d3.tsv, and d3.zoom to implement these interactions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6fbc101528d146b4b8197cc6912396bd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}