{"version":"1.0","type":"rich","title":"World map with React & D3","description":"This example displays a world map rendered as an SVG using React and D3 v5. The map shows country boundaries and a background sphere, styled with a teal fill and light gray strokes. It loads geographic data from a TopoJSON file via the `world-atlas` package, converting it to GeoJSON with topojson’s `feature` function. The projection and path generation rely on `d3.geoEqualEarth` and `d3.geoPath`, while React components manage the rendering and data loading through a custom `useData` hook.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/75ee5918772742a89cad86cefece1209?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}