{"version":"1.0","type":"rich","title":"Rendering Data in bar chart","description":"This example displays a horizontal bar chart of population data for the top 10 countries, sourced from the UN Population 2019 CSV. The chart uses React to render SVG rectangles, with scales created by d3.scaleBand and d3.scaleLinear to position bars and axes. Custom React components (AxisBottom, AxisLeft, Marks) draw the axes and bars, while the useData hook loads and parses the CSV via d3.csv. The visualization effectively compares population sizes through bar lengths, with country names labeled on the left axis.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/31590ea5aacb4c598704420ace18459d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}