{"version":"1.0","type":"rich","title":"Gapminder Data in React and D3 - world map colored rebuild","description":"This example presents Gapminder data from 1950 onward, displaying country-level metrics as colored circles over a world map. A dropdown menu selects the y-axis attribute, while the x-axis shows the year, with each circle’s color representing its World Bank region. The visualization uses React for state management and rendering, D3’s `scaleLinear`, `scaleOrdinal`, `geoNaturalEarth1`, and `geoPath` for projections, and `topojson` for country boundaries. The map is colored by country, and a color legend explains the region assignments.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1c18442dd6e34a848935a43f79840645?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}