{"version":"1.0","type":"rich","title":"Formatting axes","description":"This example displays a bar chart of the populations of the ten most populous countries, sorted by rank. The chart uses a formatted y-axis that converts raw numbers into human-readable values with the suffix \"B\" for billions, and a categorical x-axis for country names. The visualization is rendered as an SVG using React and D3 v5, with scales created via `d3.scaleLinear` and `d3.scaleBand`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and tick labels are formatted using `d3.format`. The data is loaded from a CSV file using `d3.csv`, with population values multiplied by 1000 during preprocessing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e2706a87821f4cd5b5b64053a556b30c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}