{"version":"1.0","type":"rich","title":"world map with react and d3","description":"This example presents an interactive world map rendered with SVG using React and D3. It visualizes land masses, country interiors, graticules, and the sphere using `d3.geoNaturalEarth1` and `d3.geoPath`. Geographic data comes from the world-atlas TopoJSON dataset, processed via `topojson.feature` and `topojson.mesh` in a custom `useData` hook. The map uses distinct colors for land, interiors, and sphere, with a muted graticule overlay, all styled through CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f8c19534546a4217b176d6ee3a340064?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}