{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example presents a horizontal bar chart of the top ten countries by 2020 population, sourced from a UN population dataset. It demonstrates a modular code organization using React components for the bottom axis, left axis, and the rectangular marks, each rendered with SVG. The chart specifically uses D3's `scaleBand` and `scaleLinear` to map the data to pixel coordinates, while the React `useData` hook fetches and parses the CSV file. The bars are scaled proportionally to each country's population value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/05a7ba05560f4d5aa1d2b4a20a1df674?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}