{"version":"1.0","type":"rich","title":"15. The Margin Convention","description":"A bar chart displays the ten most populous countries in 2020 using UN population data loaded via `d3.csv`. React renders SVG rectangles scaled by `d3.scaleLinear` for population values and `d3.scaleBand` for country categories. The chart applies the margin convention by translating a `<g>` element with calculated inner dimensions, while the `useEffect` hook asynchronously fetches and parses the dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a12b7c6b1dc04ea8900613f0505b081b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}