{"version":"1.0","type":"rich","title":"Margin Convention","description":"This example demonstrates the margin convention for bar charts by displaying the top 10 countries by population in 2020. The chart uses React to render SVG rectangles, with D3’s `scaleBand` for the y-axis countries and `scaleLinear` for the x-axis population values. Data is loaded via `d3.csv` from a UN population dataset. A `<g>` element applies the margin translation, showing how inner dimensions are computed from the SVG width, height, and margin object.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/20c198e6c13744fd8107204801d4cb1a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}