{"version":"1.0","type":"rich","title":"Axes with React & D3","description":"This example displays the ten most populous countries for 2020 as a horizontal bar chart, using United Nations population data fetched as CSV. The visualization is built by combining React for declarative SVG rendering with D3 utilities for data processing and layout. The code uses `d3.csv` to load and parse the data, `d3.scaleBand` to position each country along the y-axis, and `d3.scaleLinear` with `d3.max` to map population values to bar widths. The chart renders inside a React component that manages the loading state and constructs the SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1702b6e221284601b1a5addb85796022?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}