{"version":"1.0","type":"rich","title":"Axis with React & D3","description":"This example shows the top 10 most populous countries as a horizontal bar chart with axes, using population data from the United Nations World Population Prospects 2019. The chart renders as SVG through React, with state managed via `useState` and `useEffect`. Axes are built manually using D3 scales: `scaleBand` positions country labels on the y-axis, while `scaleLinear` positions numeric tick marks on the x-axis, with tick values generated by `xScale.ticks()`. D3’s `csv` loader fetches and parses the data, and `max` determines the domain for the x-scale.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6fd872968d5a481183af03f98824df5a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}