{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example shows a horizontal bar chart of the ten most populous countries in 2020, using population data from a CSV file loaded via D3’s `csv` utility. React renders the SVG elements, while D3’s `scaleBand` and `scaleLinear` position the bars and axes, and `xScale.ticks()` generates the gridline values. The chart displays country labels on the left and tick marks with numeric population values along the bottom, with styles set through inline React props and attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a93c705c85e7412bba12f2a1d4c0823b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}