{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This example shows a horizontal bar chart displaying the top ten countries by projected 2020 population, using UN population data loaded as CSV. The chart applies the margin convention, reserving space around the plot area through a margin object and translating the SVG group accordingly. React manages the component state and renders SVG rectangles, while D3 utilities handle data loading, scales, and layout. The visualization uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with `csv` fetching the remote dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5e8dd0295ba4e759be4cc6d8192bf12?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}