{"version":"1.0","type":"rich","title":"Fork of The Margin convention","description":"This example shows a horizontal bar chart of the top 20 countries by 2020 population from the UN Population dataset, loaded via `d3.csv`. React renders SVG `rect` elements scaled with `d3.scaleLinear` for width and `d3.scaleBand` for vertical positioning, respecting a margin convention. The chart updates asynchronously after data loads, with a loading state shown before render.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ebde1fbd772c4ffa9308867a375cc146?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}