{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This example shows a bar chart of the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset, with the bars rendered using React and SVG. It demonstrates the margin convention by defining a `margin` object and using it to offset an inner `<g>` group, allowing the chart to fit within a 960×500 viewport. The code uses `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and `d3.csv` to load and parse the data. Notably, the chart lacks axes, making it intentionally primitive and focusing purely on the spatial layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fc8eb44f04a04d608a78bb522254d53f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}