{"version":"1.0","type":"rich","title":"Refactored Bar chart","description":"This example shows a horizontal bar chart of the top 10 countries by population for 2020, with countries listed along the y-axis and population values along the x-axis. The visualization uses React to render SVG elements, with D3 v6 providing scales and data loading. The code imports `csv` to fetch population data from a GitHub-hosted CSV file, `scaleBand` and `scaleLinear` to map country names and population values to pixel coordinates, and `max` to determine the x-axis domain. Axis components and bar marks are defined as individual React components for modularity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6783cf5f825048ff893e1d38eb391c9f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}