{"version":"1.0","type":"rich","title":"Making a World Map with React & D3","description":"This example shows a world map rendered as an SVG using React and D3. It displays landmasses, country borders, graticules, and a sphere outline, with data loaded from the world-atlas TopoJSON file via `d3.json`. The visualization uses `geoNaturalEarth1` for projection, `geoPath` for drawing paths, and `geoGraticule` for the grid, while `topojson.feature` and `topojson.mesh` extract land and interior boundaries. React components manage the data-fetching hook and SVG markup, with styling applied through CSS classes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/212939bb1a4840999da3e2ff51daf17e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}