{"version":"1.0","type":"rich","title":"Custom Axis","description":"This example visualizes country populations with a horizontal bar chart, using a custom axis that formats large numbers (e.g., converting gigabytes to billions) via D3’s `format` API. The bar lengths are scaled by `d3.scaleLinear`, while country names are positioned using `d3.scaleBand`. The chart is rendered as SVG with React, importing `csv`, `scaleLinear`, `scaleBand`, `max`, `axisLeft`, `axisBottom`, and `format` from D3 v5. Data comes from `data.csv`, with gridlines and axis labels styled through CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fd55be4ac1e24edab9de89b66b0cc330?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}