{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example displays the top 10 most populous countries as a horizontal bar chart using SVG. The chart is rendered with React and D3 v5, featuring axes created by the `AxisBottom` and `AxisLeft` components, which use `xScale.ticks()` and `yScale.domain()` respectively. The bars are drawn by the `Marks` component, which maps data to `rect` elements using `scaleBand` and `scaleLinear`. Data is loaded asynchronously from a UN World Population Prospects 2019 CSV file using D3’s `csv` function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/89c534517ddf43acbbe2cbac7ccad5c1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}