{"version":"1.0","type":"rich","title":"axes with react and d3","description":"A horizontal bar chart displays the ten most populous countries for 2020, sourced from UN population data. Built with React and D3 v7, the visualization renders as SVG, using `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. React's `useEffect` and `useState` manage asynchronous CSV loading, while D3's `csv` fetches the data; axes and bars are constructed from mapped ticks and rect elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3c91ffdf3c384eb984c084109054c790?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}