{"version":"1.0","type":"rich","title":"Customizing Axes of Bar Chart","description":"This example shows a horizontal bar chart ranking the top 10 most populous countries, drawn as SVG rectangles scaled by population values loaded from a CSV. It demonstrates customizing axes: the y-axis uses `d3.scaleBand` with tick lines removed, while the x-axis uses `d3.scaleLinear` with a `d3.axisBottom` that applies a custom tick formatter (converting abbreviations like “B” for billion) and negative tick sizes to create gridlines. The chart also adds axis labels and a title via SVG text elements, using D3 v5’s `select`, `csv`, and `scaleBand` APIs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/166e967efbfb414c8b281af211f8bd93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}