{"version":"1.0","type":"rich","title":"Axes with React D3","description":"This example displays a horizontal bar chart of the ten most populous countries from a UN population dataset, with axes rendered using React and D3.js. The code loads CSV data via `d3.csv`, scales it with `scaleBand` and `scaleLinear`, and draws SVG elements. Axes are manually constructed from tick values using React components, with grid lines and labels generated from `xScale.ticks()` and `yScale.domain()`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ac560d1a7fd64168af208680e990b8d1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}