{"version":"1.0","type":"rich","title":"Gapminder Data in React and D3 - 1 menu","description":"This scatterplot displays Gapminder country-level data from 1950 onward, plotting year on the x-axis and one of four selectable attributes (income per capita, total population, life expectancy, or fertility rate) on the y-axis. Each circle represents a country, with its color fixed and a native SVG `<title>` tooltip revealing the country name. Built with React and D3 v5, it uses `scaleLinear` axes, `csv` loading, and `format` for tick labels, while a `react-dropdown` menu updates the y-axis attribute via React state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/02007dc89b1048a7ad58634f6dd0349c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}