{"version":"1.0","type":"rich","title":"Lets Make a map with D3.js","description":"This example visualizes world countries as a static map using a natural Earth projection. The map renders countries in light green with subtle black strokes against a dark blue sphere, providing a clear geographic overview. The code uses D3 v5’s `geoNaturalEarth1` projection and `geoPath` to draw SVG paths, while TopoJSON’s `feature` extracts country boundaries from a world-atlas dataset. Country shapes are appended to an SVG container, with styling applied via CSS classes for sphere and country paths.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7bb146c2b84b413a8d351c174fbef902?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}