{"version":"1.0","type":"rich","title":"Component Bar Chart","description":"This example shows a horizontal bar chart of the top 10 countries by 2020 population, sourced from a UN population CSV. The bars are rendered as SVG rectangles using React, with the y-axis positioning driven by d3.scaleBand and bar widths mapped through d3.scaleLinear. Axes are custom-built components that generate tick marks and labels using d3’s tick method and scale domain iteration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9ebfc6c5e8e3473ea1ae3a820e027811?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}