{"version":"1.0","type":"rich","title":"World Map","description":"This example presents an interactive world map rendered as an SVG, showing country boundaries colored in teal that turn red on hover. It uses a React component with `useData` to fetch the world-atlas TopoJSON dataset and convert it to GeoJSON features via `topojson.feature`. The map applies an equal Earth projection using `d3.geoEqualEarth` and draws paths with `d3.geoPath`. A light blue sphere background is included, and hovering a country triggers a console log of its name.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aa87db6802d14a55ae91251fdd414b31?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}