{"version":"1.0","type":"rich","title":"Axes with react and d3","description":"This example shows a horizontal bar chart of country populations in 2020, rendered as SVG with React. It loads CSV data via `d3.csv` and manages the asynchronous state with React hooks (`useState` and `useEffect`). The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, with manually drawn tick marks and labels. The data comes from a GitHub Gist, and the visualization updates once the data is fetched and stored in React state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9e1ce71c7db349c2b8dd9b508cede890?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}