{"version":"1.0","type":"rich","title":"The MArgin convention","description":"This example displays a bar chart comparing the 2020 population of ten countries from a UN population prospects dataset. Each bar’s width is proportional to the country’s population, and the countries are arranged vertically using a band scale. The visualization is rendered with React and SVG, using D3 v7’s `scaleBand` and `scaleLinear` to map data to coordinates, and D3’s `csv` loader to fetch and parse the remote data. The code shows a fixed chart size with a 20-pixel margin on each side.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/111baa23382b4e05a01d13d1db2e59eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}