{"version":"1.0","type":"rich","title":"Customizing Axes","description":"This example displays a bar chart of the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects 2017, with data loaded via d3.csv. It shows how to customize D3 axes: the y-axis uses d3.axisLeft with its domain and tick lines removed, while the x-axis uses d3.axisBottom with a custom tick format that converts values from billions to a readable \"B\" suffix and extends tick lines across the chart. The code employs d3.scaleLinear and d3.scaleBand to map data to SVG rectangles, with styling for tick text, labels, and titles defined in CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2a8201afa5054f86881abca09d1e0da5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}