{"version":"1.0","type":"rich","title":"Cheap tricks with interaction with a map with D3.js!","description":"This example displays a natural Earth projection of the world map, rendered as SVG paths filled with light green and hover effects that turn countries red. It loads country boundaries from the world-atlas TopoJSON and TSV data on unpkg, joining IDs to names. The visualization implements zooming and panning through the `d3.zoom` API, applying the interaction transform to all country paths. Code uses `d3.geoPath` with the `geoNaturalEarth1` projection, the `topojson` feature extraction library, and React-style imports from `d3` and `topojson`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e7778059bc944cb4bc7c4bd238fbb193?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}