{"version":"1.0","type":"rich","title":"Cheap tricks for interaction","description":"This example shows a world map with natural Earth projection, where hovering over any country highlights it in red and displays its name as a tooltip. The visualization uses D3 v5 and TopoJSON to load and render geographic data from the world-atlas package, with d3.geoPath handling the projection. It demonstrates two simple interaction tricks: native SVG `<title>` elements for hover tooltips and d3.zoom to enable panning and zooming the entire map. Countries are colored light green by default and turn red on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/85230e761fe14a47894158eef8334357?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}