{"version":"1.0","type":"rich","title":"The Margin Convention","description":"A horizontal bar chart displays the 2020 populations of nine countries, using the margin convention to position a bar plot inside a centered SVG group. React state manages the data loaded from a CSV of UN population figures, while D3 utilities (`csv`, `scaleBand`, `scaleLinear`, `max`) compute the scales and dimensions. The bars render as SVG rectangles, with the group translated by the specified margin values to align the chart within the 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3e97d8a9e22481d9ddb4586e9860b27?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}