{"version":"1.0","type":"rich","title":"Make a map with D3.js","description":"This example visualizes world country boundaries as filled polygons on a natural Earth projection, rendered as SVG. It uses D3.js v5 with `d3.geoNaturalEarth1` for projection, `d3.geoPath` to generate the path data, and `topojson.feature` to convert TopoJSON country data from the world-atlas dataset. The ocean sphere is drawn first, followed by country shapes, with distinct fill colors for each. The map displays 110m-resolution country outlines loaded asynchronously via a JSON promise.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f28a85697a4a44628a3f9e6c1e257a76?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}