{"version":"1.0","type":"rich","title":"Cheap Tricks for World Map","description":"This example demonstrates a world map rendered with D3's geo projections, using the `d3.geoNaturalEarth1` projection and `d3.geoPath` to draw country polygons. The map displays landmasses in light green with a dark blue ocean sphere, and countries highlight red on hover via a CSS `:hover` rule. The code loads geographic data from the `world-atlas` package, processes it with the `topojson` library's `feature` function, and applies `d3.zoom` to allow interactive pan and zoom through SVG transforms. The visualization is built with D3 v7 and rendered as SVG, with styling defined in a separate `styles.css` file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2130996d6ebe4280a1afd02d2b5586be?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}