{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This example shows a horizontal bar chart of the top 10 most populous countries in the world for 2020, with the D3 margin convention demonstrated by a chart area inset from the SVG edges. It renders an SVG using React, pulling data from a CSV of UN population figures. The code uses `d3.csv`, `scaleLinear`, and `scaleBand` to map population values and country names to x and y scales, while axes are drawn manually with `xScale.ticks()` and gridlines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/90f24d210f814e5d84c2977141868b38?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}