{"version":"1.0","type":"rich","title":"Fork of Lesson 8: Making a bar chart","description":"This example shows a horizontal bar chart of the top 10 countries by population for 2020, using data loaded from a CSV file. The chart is rendered as SVG elements, with each bar’s width scaled proportionally to its population value. The code combines React hooks (useState and useEffect) to manage asynchronous data loading, while d3.csv, scaleBand, and scaleLinear handle the data parsing and scales. React renders the final SVG markup, and the data originates from the UN Population 2019 dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2fdbae38ca5a4ac8831bc9e0e41a3fd1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}