{"version":"1.0","type":"rich","title":"creating world map","description":"This example shows a natural Earth projection of the world map, with countries filled in yellow and a green sphere background. Hovering a country turns it blue and reveals its name via a tooltip. It loads GeoJSON country boundaries from the world-atlas dataset and country names from a TSV file, then renders them as SVG paths using d3.geoPath and d3.geoNaturalEarth1. The code uses d3.json, d3.tsv, and topojson.feature for data processing, with React managing the component structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/498d66e341be410cbf34896bef9960b3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}