{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of the top ten countries by population in 2020, using UN Population data. The visualization is built with React and D3 v6, where D3 utilities like `scaleBand` and `scaleLinear` compute the chart scales. The code refactors the visualization into modular components, with separate files for the axes (`AxisBottom`, `AxisLeft`) and the bars (`Marks`), demonstrating a clean separation of concerns. The chart is rendered as SVG, and the data is loaded asynchronously using the `csv` function from D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/31e1daa0f43349d699f796ad5c885e41?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}