{"version":"1.0","type":"rich","title":"Cheap Tricks for Map Interaction","description":"This example demonstrates map interaction with a zoomable world map that highlights countries on hover. Using D3 v6 and TopoJSON, it renders a natural Earth projection with green country polygons against a blue sphere. The visualization applies d3.zoom for pan and zoom transformations, while CSS hover states change country fills to red. Country names are loaded from a tab-separated values file via Promise.all with the TopoJSON data from the world-atlas package.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/405b17096fe9436d8a7585df54116164?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}