{"version":"1.0","type":"rich","title":"Let's make a map with d3.js!","description":"This example displays a world map rendered as SVG paths, with countries filled in pale yellow against a dark blue ocean. The code loads geographic data from the world-atlas package and uses `d3.geoPath` with the `geoNaturalEarth1` projection to draw both the spherical background and country boundaries. It relies on the `topojson` library’s `feature` function to convert TopoJSON into GeoJSON features, which are then appended to the SVG container. The visualization demonstrates a straightforward pipeline for generating a static, projection-based map with D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/49b4ba22947f43b7b650c0cee5c6bd20?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}