{"version":"1.0","type":"rich","title":"world map w/ country names","description":"This example displays a world map with country boundaries and names, rendered as SVG in a React component. It uses the `d3.geoPath` and `d3-geo-projection` `geoNaturalEarth1` projection to draw landmasses, graticules, and country borders, with country names shown via SVG `<title>` tooltips on hover. Data comes from the World Atlas TopoJSON, loaded with `d3.json` and processed using `topojson.feature` and `topojson.mesh`. The map is styled with CSS, including hover effects that fill individual countries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d4f342443c9946b49ecc31a87e908eb2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}