{"version":"1.0","type":"rich","title":"Ep22 Margin Convention","description":"A horizontal bar chart displays the top 10 countries by 2020 UN population estimates, using teal bars on a white background. The React app loads CSV data from a GitHub gist, parses the population column, and sorts by descending value. D3’s `scaleBand` positions the country categories on the y-axis, while `scaleLinear` maps population values to bar widths. SVG tick marks and labels are generated via `xScale.ticks()`, with axis lines and country names positioned relative to the fixed margins.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9c3cc04a6540435abbd0e67b05f4a238?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}