{"version":"1.0","type":"rich","title":"The Margin convention","description":"This chart displays the 2020 populations of ten countries as a horizontal bar chart, with the bars arranged vertically by country. The chart uses a margin convention to separate the plotting area from the SVG’s edges, translating a `<g>` element by the top and left margin values. Built with React and D3 v7, it uses `d3.csv` to load data from the World Population Prospects 2022, then `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. The visualization renders as an SVG, with each bar drawn as a `rect` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3cccb38388ad4ba984d23d476e55dafb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}