{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction On a D3.js World Map!","description":"This example shows a world map rendered with SVG paths from TopoJSON data, where hovering over a country highlights it in red and a built-in zoom interaction transforms the entire map group. The visualization loads country boundaries from the world-atlas package, joins them with names from a TSV file, and uses d3.geoMercator with d3.geoPath for projection and rendering. It implements zoom via d3.zoom, applies tooltips through SVG title elements, and uses CSS :hover rules to change fill colors on mouseover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cce76009a3344600a13b84ee97c39c20?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}