{"version":"1.0","type":"rich","title":"14. Making a Bar chart with React & D3","description":"This example shows a horizontal bar chart of the top 10 most populous countries in 2020, using the UN Population dataset loaded as CSV. It pairs React for component rendering with D3 utilities, including `csv` for data loading, `scaleBand` for the categorical y-axis, and `scaleLinear` for the numeric x-axis. Each country is drawn as an SVG `rect` whose width reflects the population value, with React managing the state and lifecycle asynchronously. The chart updates once the data arrives, initially displaying a large \"Loading...\" text.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4aa0e732d55147fe922165d00aa1d016?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}