{"version":"1.0","type":"rich","title":"Let's make a map with D3.js!","description":"This example renders a world map with D3.js, displaying country boundaries and a blue sphere as the base layer. It uses the `geoNaturalEarth1` projection and `d3.geoPath` to generate SVG paths from TopoJSON data loaded from the world-atlas dataset. The visualization demonstrates a simple two-step workflow: drawing the sphere outline first, then fetching and appending each country's path via `topojson.feature`. The map is styled with CSS, using a light green fill for countries and a dark blue ocean, with a clean, minimal aesthetic.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6b160ba0fc094b549833c88ba511bbf0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}