{"version":"1.0","type":"rich","title":"Fork of Axes with React & D3","description":"This example displays a horizontal bar chart of the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. The visualization renders as an SVG with both x- and y-axes, where the x-axis uses linear scaling and the y-axis uses band scaling. Built with React and D3 v5, the code employs `scaleLinear`, `scaleBand`, `max`, and `csv` to load and process the data, then manually generates axis ticks and gridlines as SVG elements. React state management handles the asynchronous data loading and conditional rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5c44b3ca2f2e48db848bcb81e182c4a0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}