{"version":"1.0","type":"rich","title":"UN Population Data with React & D3","description":"This example displays the top 10 most populous countries from a UN Population 2019 dataset as a horizontal bar chart, with axes and tick labels rendered in SVG. The code loads CSV data using the D3 `csv` utility, then scales the country names with `scaleBand` and population values with `scaleLinear`. React manages the component state and rendering, while D3’s axis ticks and layout functions generate the visual elements. The chart updates dynamically after data fetching, showing loading text until the data arrives.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9912ff8fa5824ea2b1814ddcef7323d2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}