{"version":"1.0","type":"rich","title":"Customizing Axes","description":"This visualization displays the populations of the ten most populous countries as horizontal bars, demonstrating customized axes in D3 v6 within a React framework. It uses `d3.scaleLinear` and `d3.scaleBand` to position bars, while `d3.axisBottom` and `d3.axisLeft` render the axes. The bottom axis applies a custom tick format via `d3.format` (converting billions to \"B\"), and both axes have their domain lines and ticks partially removed for a cleaner look. Data comes from an external CSV file loaded with `d3.csv`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c410616e9e0421c82c94165feacf947?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}