{"version":"1.0","type":"rich","title":"The Margin Convention Bar Chart UN Population 2019","description":"This example shows the ten most populous countries in the 2019 UN Population dataset as horizontal bars, ranked by their 2020 population estimates. The chart applies the margin convention by translating the SVG group element, using `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values, with no axes drawn. React manages the component state, fetching the CSV via `d3.csv` and rendering the rectangles as SVG elements inside a `d3.v5` environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dd66dfbdeb604a5a9a28de8259906106?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}