{"version":"1.0","type":"rich","title":"Cheap tricks for interactions","description":"This example shows an interactive world map with country boundaries, rendered using the Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`. Users can zoom and pan the map with the mouse, as the code applies `d3.zoom` to the SVG container and updates a group’s `transform` attribute on each zoom event. Country names appear as tooltips when hovering, populated from a TSV file that maps ISO numeric codes to names, while the underlying geometry comes from a TopoJSON file loaded via `topojson.feature`. The map uses filled paths with hover color changes defined in CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8322529332184a7186cbbf14a3fe5e0c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}