{"version":"1.0","type":"rich","title":"Axis With React & D3","description":"This example shows a horizontal bar chart of the top 10 most populous countries in 2020, using React to render SVG elements and D3 to load and scale the data. The chart displays country names on the y-axis and population values on the x-axis, with tick marks and labels generated via `xScale.ticks()` and `scaleBand` for the y-axis. The code utilizes `d3.csv`, `scaleLinear`, and `scaleBand` from D3 v5, while React hooks manage the asynchronous data loading and component state. Data comes from a CSV file fetched from a GitHub gist.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8d3c2a40ca4b41e19d8d54e476c7d637?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}