{"version":"1.0","type":"rich","title":"Refactored Bar Chart","description":"This example shows a horizontal bar chart of UN population data for 2019, displaying the top 10 countries by population. The chart uses React components to render SVG bars and axes, with D3 utilities like `scaleBand` and `scaleLinear` for positioning and scaling. Data is loaded asynchronously via D3’s `csv` parser, and React’s `useState` and `useEffect` hooks manage the data fetching and state. The axes and marks are separated into reusable React components, demonstrating a modular approach to building visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/86eba6e116d0494ab557dd014045bca6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}