{"version":"1.0","type":"rich","title":"Customizing Axes","description":"This example shows a bar chart of the 2018 population estimates for the top 10 most populous countries, with a horizontal layout so country names are clearly readable. The code uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to structure the visualization. It customizes the x-axis tick labels to abbreviate large numbers (e.g., converting 'G' to 'B' for billions) and adds grid lines via the `tickSize` option. Data is loaded from a CSV file using `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3508f50666f14632aaa01a3d9f877c9f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}