{"version":"1.0","type":"rich","title":"Refactored Barchat","description":"This example shows a horizontal bar chart ranking the ten most populous countries based on 2020 population estimates from the UN World Population Prospects 2022 dataset. The visualization uses React for component structure and D3 v7 utilities like `scaleBand`, `scaleLinear`, and `max` to map data to SVG rectangles. Axes are rendered as custom React components using D3’s tick generation, while the `useData` hook loads the CSV via `d3.csv`. The chart presents country names on the left axis and population values on the bottom axis.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9b619fe50c6c4b2ba9e88ad720659982?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}