{"version":"1.0","type":"rich","title":"Cheap tricks for interaction","description":"This example shows a zoomable and pannable world map with hover highlighting on individual countries. It renders geographic boundaries using `d3.geoPath` with a `geoNaturalEarth1` projection, drawing country shapes from TopoJSON data and matching country names from a TSV file. The map supports interactive zooming through D3's `zoom` behavior, which applies transformations to the SVG group element. Country polygons fill with steel blue, and hovering changes their fill to light blue via CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d820df5eb304a54887592f3d889f667?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}