{"version":"1.0","type":"rich","title":"6: Refactored Bar Chart","description":"This example shows a horizontal bar chart of population data for the top 10 countries, sourced from the UN Population 2019 dataset loaded via d3.csv. The visualization uses React components to render SVG elements, with d3.scaleBand and d3.scaleLinear mapping country names and population values to positions. The AxisBottom and AxisLeft components generate tick marks and labels, while the Marks component draws the bars, demonstrating a refactored separation of chart elements into reusable React functions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5cc971f337064016afce3d47fcafbb26?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}