{"version":"1.0","type":"rich","title":"Fork of Rendering Data with React & D3","description":"This example displays the ten most populous countries in 2020 as a horizontal bar chart, using United Nations population data loaded via D3’s `csv` utility. React manages component state and rendering, while D3’s `scaleBand` and `scaleLinear` compute bar positions and widths, and `max` and `ticks` generate the axis. The SVG output is created through React elements, with gridlines and country labels drawn from D3 scales.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f667bf33658d4560a212f5d2f6883f15?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}