{"version":"1.0","type":"rich","title":"Tricks for interaction","description":"This example demonstrates a world map with interactive hover effects, where each country changes color to red and displays its properties in the console. The visualization uses a Natural Earth projection via `d3.geoNaturalEarth1` and renders countries as SVG paths using `d3.geoPath`. Geographic data comes from the world-atlas TopoJSON file, processed with `topojson.feature`. The CSS `:hover` pseudo-class triggers the color change, while D3's `append('title')` logs country data to the console. The map includes a styled sphere background with a blue fill.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7d936207f7c644be82fd727d7f4f6118?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}