{"version":"1.0","type":"rich","title":"Customizing Axis","description":"This example demonstrates how to customize axes in a D3.js bar chart, showing the top 10 most populous countries. The horizontal axis uses a linear scale with a custom tick format that abbreviates numbers (e.g., \"1.4B\" for billions), while the vertical band scale lists country names. The code imports specific D3 v5 functions like `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, and removes default axis lines and ticks for a cleaner look. The chart renders as SVG, with data loaded from a CSV file and styled via CSS classes for tick labels, axis titles, and the chart heading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7e7b32d340674bc2a74766f0c7ca2bc1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}