{"version":"1.0","type":"rich","title":"World Map on D3.js!","description":"This example displays a world map rendered as an orthographic projection, with countries filled in yellow and the surrounding sphere in grey. The visualization loads GeoJSON country boundaries from the world-atlas TopoJSON data via `d3.json`, then uses `topojson.feature` to extract the features. The map is drawn with SVG paths using `d3.geoPath` and the `geoOrthographic` projection, with React managing the component structure. The code also demonstrates the `geoNaturalEarth1` projection as an alternative, though the orthographic view is active.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0577a7278fd941818c2e1001222d1848?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}