{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of population estimates for ten countries using UN Population 2019 data, with a custom tooltip displaying the population value on hover. The visualization is built with React components and D3 v7, leveraging `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The chart renders as SVG, with reusable axis components (`AxisBottom`, `AxisLeft`) and a `Marks` component drawing the bars, while the data is asynchronously loaded and processed via a custom `useData` hook using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/448e274a482b490ba6a28484e66fdebf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}