{"version":"1.0","type":"rich","title":"Gapminder Data in React and D3 - world map background","description":"This visualization displays Gapminder country data—including income per capita, total population, life expectancy, and fertility rate—as colored circles plotted over a world map background. A dropdown menu allows switching the y-axis attribute, while circles are color-coded by World Bank global region. The map is rendered using `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON world atlas data, while React manages component state and D3 scales handle axes and color encoding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6c3239df57de400cbaffbf8be5d8e896?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}