{"version":"1.0","type":"rich","title":"(margin convention) Countries by population (top 10)","description":"A horizontal bar chart displays the top 10 most populous countries in 2020, with bar length encoding population size. The visualization uses React to manage state and render SVG elements, while d3-scale’s `scaleBand` and `scaleLinear` compute the y and x positions. Data is loaded asynchronously via d3.csv from a UN population dataset, then sorted and sliced to the first ten rows. The chart applies a margin convention, translating the inner group by `margin.left` and `margin.top` to position bars within the SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ae9cfb2908dc4e0586fc042029e3d07d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}