{"version":"1.0","type":"rich","title":"Render data with React & D3","description":"This example renders a bar chart of population data for the top ten most populous countries in 2020, sourced from a CSV file. Built with React and D3 v5, it uses `useState` and `useEffect` hooks to asynchronously load and transform the data with D3’s `csv` and `max` functions. The visualization maps country names to a `scaleBand` y-axis and population values to a `scaleLinear` x-axis, producing SVG rectangles that represent each country’s population size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}