{"version":"1.0","type":"rich","title":"Margin in D3 Bar Chart UN World Population 2020","description":"This example displays a horizontal bar chart of the population of the top ten countries in 2020, sourced from UN World Population Prospects 2019. It uses React to render SVG rectangles, with D3’s `scaleBand` and `scaleLinear` mapping country names and population values to positions and widths. A margin object defines the chart’s inner dimensions, and the bars are grouped within a translated `<g>` element. Loading is handled by `d3.csv` with a row function that parses the population column.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/efceddee0341469a917a156d7530f170?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}