{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of the top 10 most populous countries in 2020, sorted by population. It uses React components to render the SVG, with D3 v7 utilities `scaleBand`, `scaleLinear`, `max`, and `csv` for data loading and scaling. The axes and bars are drawn via reusable React components, with accessor functions for data fields, and the chart updates once the CSV from the UN Population dataset is loaded.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7af11f1ca2f64a67a97f76abb7514269?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}