{"version":"1.0","type":"rich","title":"Axes with React and D3","description":"This example shows a bar chart of the top 10 countries by population in 2020, with a horizontal layout and labeled axes. React manages the component state and SVG rendering, while d3.csv loads the UN population data and d3.scaleBand and d3.scaleLinear compute the bar positions and widths. Axes are drawn manually using xScale.ticks and yScale.domain, with tick marks and text elements generated as React components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/937c9c8549d846648b7dd74fb8da0642?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}