{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of United Nations world population data for 2020, listing the top 11 countries sorted by population. The visualization uses React to render SVG elements, with D3.js v6 providing the `scaleBand` and `scaleLinear` functions to map data to coordinates. The `useData` hook asynchronously fetches and parses a CSV file via D3’s `csv` method, while separate components (`Marks`, `AxisBottom`, `AxisLeft`) encapsulate the bars, x-axis, and y-axis. A minimal loading state appears until the data is ready.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bf96752abe664358a1554ddbb8ed1ea4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}