{"version":"1.0","type":"rich","title":"Refactor Bar Chart React & D3 (codeAlong)","description":"This example shows a horizontal bar chart of the top 10 countries by population in 2020, sourced from a CSV file of UN population data. React state, managed with `useState` and `useEffect`, loads the data once via D3’s `csv` utility, while React components render SVG axes and bars. D3’s `scaleBand` and `scaleLinear` map country names and population values to positions, with tick formatting using `format`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/091fda0970f14278ba47f767a40d3e3e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}