{"version":"1.0","type":"rich","title":"customizing axes","description":"This example displays a horizontal bar chart of the ten most populous countries, based on 2018 data from the United Nations World Population Prospects. Population values are encoded by bar length using d3.scaleLinear, while country names are positioned on a categorical d3.scaleBand axis. The chart customizes its axes by removing default domain lines, applying a custom tick formatter that converts billions to a compact \"B\" label, and styling tick text and grid lines via CSS. An SVG renderer with D3 v6 handles the layout, including margins and descriptive axis titles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/928a520762674208b5355adcdbd00a31?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}