{"version":"1.0","type":"rich","title":"Customising Axes","description":"This example displays a horizontal bar chart of the top 10 most populous countries, with population values formatted in billions using `d3.format`. The code customizes both axes: the y-axis removes its domain and tick lines for a cleaner look, while the x-axis uses a custom tick format that converts 'G' to 'B' and adds grid lines via `tickSize`. Data is loaded from a CSV file using `d3.csv`, and scales are created with `d3.scaleLinear` and `d3.scaleBand`. The visualization is rendered as SVG within a React framework.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2587aebc0966406aa920bd851cb86b46?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}