{"version":"1.0","type":"rich","title":"axes Bar Chart","description":"This bar chart displays the top 10 countries by population in 2020, using data from a UN Population CSV file. It renders with React and SVG, where D3’s `scaleBand` positions the country labels on the y-axis and `scaleLinear` maps population values to bar widths on the x-axis. The code manually generates gridlines and tick labels using `xScale.ticks()` and maps over `yScale.domain()` for text elements, rather than using D3’s axis components. Each rectangle’s width is set with `xScale(d.Population)`, and its height uses `yScale.bandwidth()`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c162b62a9ae24a87b3915596f177aa4e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}