{"version":"1.0","type":"rich","title":"The Margin Convention -  Bar Charts","description":"This example demonstrates the margin convention for bar charts by rendering the top 10 most populous countries in 2020 using React and D3. It loads CSV data from the UN Population dataset via `d3.csv`, then uses `scaleBand` and `scaleLinear` to map countries and population values to SVG rectangles within a translated group element. The visualization appears as a horizontal bar chart with axes implied by the scales, while the margin object defines the inner plotting area. React hooks manage asynchronous data loading and state updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/68c88b2c5e5a494eb3df0eeb426df2f5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}