{"version":"1.0","type":"rich","title":"Customizing aXis","description":"This example visualizes the top ten countries by population using a bar chart rendered as circles, with data sourced from the United Nations. It shows how to customize D3 axes by using `d3.axisBottom` with a custom tick formatter that abbreviates numbers using `d3.format('.3s')` and replaces the 'G' suffix with 'B' to display values in billions. The chart applies `d3.scaleLinear` and `d3.scaleBand` for positioning, and renders SVG circles scaled by population. The axis labels and tick formatting are explicitly styled via CSS, demonstrating custom axis configuration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/68f30bbcc1bc4e228f0f8b472f8584ba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}