{"version":"1.0","type":"rich","title":"Population BarChart (React & D3)","description":"This example displays the ten most populous countries as a horizontal bar chart, with each bar’s length proportional to its 2020 population estimate. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders an SVG through React components. Scales are constructed with `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the continuous population axis, while gridlines and axis ticks are generated via `xScale.ticks()`. The chart updates reactively as data arrives asynchronously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8af106eaa1064e80b7b247a9be701b72?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}