{"version":"1.0","type":"rich","title":"Let's make a map with D3.js!","description":"A world map rendered with D3.js displays country boundaries filled in light green on a light blue sphere, using natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`. Hovering highlights a country in red with a tooltip showing its name from the World Atlas TSV data. The map supports zoom and pan through `d3.zoom`, applying transforms to the SVG group. TopoJSON from world-atlas provides geometry, processed with `topojson.feature`. The visualization demonstrates combining geographic data, interactive controls, and CSS styling in an SVG context.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c616535be33445c8788b9ce7961d375?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}