{"version":"1.0","type":"rich","title":"Map Interaction with D3.js","description":"This example shows an interactive map of world countries that users can pan and zoom, with countries highlighted in red when hovered over. It renders a Natural Earth projection using D3’s `geoNaturalEarth1` and `geoPath` within an SVG. The map loads world geometry from TopoJSON via `world-atlas` and country names from a TSV file, merging them by ISO code. Zooming is handled with `d3.zoom` and `event.transform` on the entire map group, while each country’s `title` tooltip displays its name.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f9fd66778283478597b0b8183f04a307?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}