{"version":"1.0","type":"rich","title":"Visualising the Data II -  Bar Charts","description":"This example visualizes the top 10 most populous countries from the UN Population 2019 dataset using horizontal bar charts. The bars are rendered as SVG rectangles within a React component, with their widths proportional to each country's 2020 population estimate. The code uses D3's `csv` loader to fetch the data, `scaleBand` for the categorical y-axis, and `scaleLinear` for the numeric x-axis. React manages the loading state, displaying \"Loading...\" until the data arrives, then renders the chart with D3 scales.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/813353437e324547b9f7c67b36117476?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}