{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This visualization displays the top ten countries by population using horizontal bars, with bar width representing population size and countries arranged vertically. The code loads United Nations World Population Prospects 2019 data via `d3.csv`, parses the 2020 population column, and renders SVG rectangles through React components. It uses `d3.scaleLinear` for the x-axis population scale and `d3.scaleBand` for the y-axis country categories, with margins applied via a translated `<g>` element. The visualization is built with React 16.9 and D3 v7.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aded811feca04cfeac5a73ac1b41a7ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}