{"version":"1.0","type":"rich","title":"Axes with React and D3","description":"A horizontal bar chart displays the ten most populous countries in 2020, using UN population data loaded via `d3.csv`. The visualization renders with React components, while D3 v5 provides `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Axes ticks are manually generated using the scale’s `ticks()` method and drawn as SVG lines and text elements. The code explicitly shows country labels and population bars within an SVG `<g>` transform, demonstrating a straightforward integration of D3 scales with React’s declarative rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b0e2a3aeee174a1c958db3d8fb38ad01?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}