{"version":"1.0","type":"rich","title":"Customizing Axes","description":"This example shows a horizontal bar chart ranking the ten most populous countries, with population values scaled to thousands and formatted with abbreviations like \"B\" for billions. It uses D3 v5 within a React wrapper, reading data from a CSV file and rendering SVG elements. The chart customizes axes using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with tick formatting via `d3.format` and grid lines created by negative tick sizes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7ec29f20fb7f4d54859f33fa41548c98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}