{"version":"1.0","type":"rich","title":"World map","description":"This example displays a world map using a natural Earth projection, rendering land masses, graticules, country borders, and the sphere outline as SVG paths. The visualization loads geographic data from the World Atlas TopoJSON using `d3.json` and converts it with TopoJSON’s `feature` and `mesh` utilities. React manages the fetched data through a custom `useData` hook, while the `Marks` component applies `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from D3 to generate the map geometry. Styling via CSS distinguishes the land, sphere, interiors, and graticule layers.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cf5c015587ee4023b1e6058d1506630e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}