{"version":"1.0","type":"rich","title":"Mergins and Axes","description":"This example visualizes the top 10 most populous countries using a bar chart built with React and SVG. The chart displays horizontal bars representing each country’s 2020 population, with tick marks and labels for the x-axis scale and country names on the y-axis. Data comes from the United Nations World Population Prospects 2019, loaded via `d3.csv`. The code uses `scaleBand` and `scaleLinear` from D3 v5 to compute positions, while margins and inner dimensions are manually defined to align axes correctly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b64188c7c3894262a0ad33297b701b7c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}