{"version":"1.0","type":"rich","title":"Rendering data with React & D3","description":"A horizontal bar chart displays the ten most populous countries in 2020, using United Nations population data loaded via `d3.csv`. React manages the component state, while D3 scales (`scaleLinear` and `scaleBand`) map population values to rectangle widths and country names to vertical positions. The SVG bars are rendered as React elements inside a `<svg>` container, with D3's `max` function determining the domain for the linear scale.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/596ae36c54d54ed4850986f3379c4ba5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}