{"version":"1.0","type":"rich","title":"Cheap Tricks for Map Interaction II","description":"This example shows an interactive world map that changes country colors to red on hover, with a blue sphere background representing the globe. It uses d3.geoPath with a d3.geoNaturalEarth1 projection to render geographic features, while d3.json and d3.tsv load TopoJSON and tabular data from the world-atlas package. The SVG-based visualization applies CSS hover effects to fill countries red, and each country path includes a title element for potential tooltips. The code relies on topojson.feature to convert TopoJSON into GeoJSON for path generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b682c742cb7541cbbe2a0b5b8345d320?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}