{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of the 12 most populous countries using UN population data from 2019. React renders SVG bars, with D3’s `scaleBand` and `scaleLinear` mapping country names and population values. Custom `AxisBottom` and `AxisLeft` components generate tick marks, while `Marks` draws the rectangles. The chart loads CSV data via `d3.csv` and uses React hooks for state management.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ddced39294f24a5186fbe81d2384880c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}