{"version":"1.0","type":"rich","title":"Axes with React and D3","description":"This example shows a horizontal bar chart of 2020 population estimates for ten countries, rendered as SVG from React components that directly call D3 scales and tick functions. It loads CSV data from a GitHub gist using `d3.csv` and a row-conversion function, then builds a band scale for country names and a linear scale for population values. Tick marks and labels for the x-axis are generated manually from `xScale.ticks()`, while y-axis labels use the band scale’s domain, and rectangles are drawn with computed widths and heights.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd3ac9dbecdb40e3bb2c57c284731958?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}