{"version":"1.0","type":"rich","title":"Population Bar Chart with Margin with Axes","description":"A horizontal bar chart displays the ten most populous countries based on United Nations 2020 estimates, with population values plotted along a linear x-axis and country names along a band y-axis. The React component loads CSV data via `d3.csv`, then renders SVG rectangles and axis tick labels using `scaleLinear`, `scaleBand`, and `max` from D3 v6. The chart applies explicit margins to position axes, which are manually constructed from `xScale.ticks()` and `yScale.domain()` rather than using D3's axis generators.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b433d803769e43cf81305837ce03529c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}