{"version":"1.0","type":"rich","title":"Cheap tricks for interaction","description":"This example demonstrates interactive pan and zoom on a world map using D3 v5 and React. The visualization renders country boundaries from World Atlas TopoJSON data with a Natural Earth projection, displaying country names as tooltips on hover. The code uses `d3.zoom` for the pan/zoom behavior, `d3.geoPath` for map rendering, and `d3.tsv` for loading country name metadata. CSS hover effects highlight countries in red, while the map supports smooth zooming through SVG transform updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c50ededd0754117abae349bcc0da790?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}