{"version":"1.0","type":"rich","title":"The Margin Convention (barchart)","description":"This bar chart displays the top ten countries by 2020 population, using horizontal bars that scale linearly from zero. Built with React and D3, the SVG renders through a `d3.scaleBand` for the y-axis categories and a `d3.scaleLinear` for the x-axis values, with margins applied via a translation group. Data is loaded asynchronously from a CSV URL using `d3.csv`, and the chart updates after filtering to the first ten rows. The visualization demonstrates the standard margin convention by positioning all bars within a padded inner plotting area.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f192b8c571a04ef793eb6862b64d4a76?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}