{"version":"1.0","type":"rich","title":"Refactoring a Bar Chart","description":"This example shows a horizontal bar chart ranking the populations of the top 10 countries from a UN population dataset, loaded via `d3.csv` and rendered with React components. The chart uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and SVG `<rect>` elements for the bars. Axis labels and ticks are generated by custom React components that map over the scales’ domain and tick values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/edcd1e5d00fe42fc953475b7b95adac8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}