{"version":"1.0","type":"rich","title":"Datavis 2020 Episode 22 - Margins and Axes","description":"This example shows a horizontal bar chart of the top ten countries by 2020 population, with bars extending from a shared left axis and value labels along the bottom. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` mapping country names and population counts to screen coordinates. Margins are applied via a translated `<g>` group, and custom gridlines and tick labels are generated using `xScale.ticks()` instead of D3’s axis components. Data comes from a CSV of UN population estimates loaded through `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/94e87d059b434307accb229b60ccde25?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}