{"version":"1.0","type":"rich","title":"Axes width react & d3","description":"This example displays the top 10 most populous countries as a horizontal bar chart with axes, using React and D3 v5. It renders SVG elements to draw gridlines, tick labels for the linear population scale, and country names on the band scale. The data comes from the United Nations World Population Prospects 2019, loaded via d3.csv. React manages the component state and lifecycle, while d3.scaleBand, d3.scaleLinear, and d3.max compute the chart geometry.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6165687b96e44cb8a58e4bdc64f2ce50?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}