{"version":"1.0","type":"rich","title":"Customizing Axes","description":"This example shows a horizontal bar chart ranking the top ten most populous countries using 2018 data from World Population Prospects 2017. D3.js v7 with SVG renders the bars, while `scaleLinear` and `scaleBand` position them, and `axisLeft` and `axisBottom` create the axes. The x-axis uses custom tick formatting via `format('.3s')` to display billions with a 'B' suffix, and grid lines are added through `tickSize`. The chart also removes axis domain lines and adds custom labels for clarity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/028ae1d42e044ac896aa7463068155cd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}