{"version":"1.0","type":"rich","title":"Fork of Axis with react d3","description":"This example shows a horizontal bar chart of United Nations population data for the top ten countries in 2020. The visualization uses React components to render SVG elements, with D3 v5 utilities handling data loading, scales, and axis ticks. `d3.csv` fetches the data, while `scaleBand` and `scaleLinear` position bars and their lengths. Grid lines and tick labels are generated manually from `xScale.ticks()`, and React’s `useState` and `useEffect` manage the asynchronous data loading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cc429432771d483ba334eb2b333f7104?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}