{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This example shows country populations from the United Nations 2019 dataset as a horizontal bar chart, displaying the top 80 entries. The rendering uses React with SVG elements, where each country’s bar length is scaled linearly by population. The code employs D3 utilities like `csv` for data loading, `scaleBand` for country positioning, and `scaleLinear` for population values, while respecting a standard margin convention to offset the chart within the SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9cbef549e8f0435baff99ddee6d2435d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}