{"version":"1.0","type":"rich","title":"Tricks for Interaction","description":"This example shows an interactive world map that supports pan and zoom navigation. The visualization renders a natural Earth projection using SVG paths, with each country drawn in light green and outlined in black. Hovering over a country changes its fill color to red, while a tooltip displaying the country name appears.\n\nThe implementation uses D3 v5 APIs including `d3.geoNaturalEarth1`, `d3.geoPath`, and `d3.zoom`. Country boundaries come from the world-atlas TopoJSON dataset, joined with names from a TSV file. User interactions are handled by the zoom behavior, which applies SVG transform attributes to the map group.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4ce28d22b2a340158bcba0c2e653f375?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}