{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example shows a horizontal bar chart of the ten most populated OECD countries in 2012, rendered as SVG. React manages the component state and DOM updates, while D3 handles data loading with `d3.csv`, scales with `d3.scaleBand` and `d3.scaleLinear`, and computes axis tick marks. D3-generated x-axis ticks are drawn as lines and labels, while the y-axis uses categorical labels positioned with scale-band methods. Bar widths map linearly to population values, with margins and dimensions defined explicitly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2b57e8c1bf5f4f449972fc6139992326?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}