{"version":"1.0","type":"rich","title":"Cheap Tricks for Interaction","description":"This example demonstrates a zoomable world map with country outlines and hover highlighting, rendered as SVG. The map uses D3's `geoNaturalEarth1` projection and `geoPath` to draw country shapes from the world-atlas TopoJSON dataset, with a sphere background. Interactive zoom is implemented via D3's `zoom` module, which applies a transform to the map group on zoom events. Country names are joined from TSV data, and hovering over a country fills it red via CSS `.country:hover`. The visualization is built with React and D3 v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bc8bb9bf303e429585209ec0f91a2d9c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}