{"version":"1.0","type":"rich","title":"Making a Bar Chart with Reach and D3","description":"This example uses React and D3 to render a horizontal bar chart of the top ten most populous countries in 2020, based on UN population data loaded via D3's CSV utility. The React component manages the data state and renders SVG elements, while D3's `scaleBand`, `scaleLinear`, and `max` functions handle scaling the country names and population values. The visualization displays labeled axes and gridlines, with bars drawn as SVG rectangles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8ded2dbed1da44e09de1716f5398dfd4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}