{"version":"1.0","type":"rich","title":"Ep. 22 | The Margin Convention","description":"This example demonstrates a bar chart ranking the ten most populous countries in 2020, using data from the United Nations World Population Prospects 2019. The visualization renders as SVG rectangles, where each bar’s length encodes population via `d3.scaleLinear` and its vertical position uses `d3.scaleBand`. React manages the component state and lifecycle, while D3’s `csv` loader fetches and parses the dataset. The chart applies the margin convention by translating a group element to offset the plotting area, with margins defined as a fixed object.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f618a72f00644d8c96a73f8dde8eb5d0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}