{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of population data for 80 countries, rendered as SVG rectangles with axes, using React components for the marks and scales. The data is loaded as CSV via D3’s `csv` utility, with the x-axis scaled linearly by population and the y-axis as a band scale for country names. Custom React components `AxisBottom`, `AxisLeft`, and `Marks` handle tick labels and bars, while `scaleBand` and `scaleLinear` from d3.v5 position the elements. The chart updates asynchronously once the dataset is fetched.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3f1699a1c1d4493bae0d1384f2901b47?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}