{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example displays a horizontal bar chart of the top 10 most populous countries, using React with D3 to render SVG axes and bars. The chart reads population data from a CSV file sourced from the United Nations World Population Prospects 2019, and uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Axes are manually constructed by iterating over `xScale.ticks()` and the y-scale domain, drawing lines and text elements. React manages the component state and lifecycle, while D3 performs data loading and scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c07be63f4c049f6b31ac93ac585d549?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}