{"version":"1.0","type":"rich","title":"The Margin Convention","description":"This visualization displays a horizontal bar chart of the ten most populous countries, using the United Nations 2019 population estimates. The chart is rendered as SVG elements within a React component. The data is loaded using `d3.csv`, with the y-axis scaled by country name via `d3.scaleBand` and the x-axis scaled by population count using `d3.scaleLinear`. React's `useState` and `useEffect` manage data loading and state, while D3's `max` function determines the chart’s domain. The visualization follows a margin convention with a 20-pixel inset on all sides of the 960x500 SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c929b96e3b814a5aadc77907a822eae0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}