{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of population data for the top 10 countries in 2020, using React to render SVG elements. It fetches the UN Population dataset via `d3.csv`, then uses `scaleBand` and `scaleLinear` from D3 v7 to map country names and population values to screen coordinates. The chart is composed of three reusable React components for the bottom axis, left axis, and the bars themselves, with each axis tick and bar generated as separate SVG elements. The visualization demonstrates a modular, component-based approach to building D3 charts within a React framework.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0c98cf507ae34adfbeebe7f439bd1636?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}