{"version":"1.0","type":"rich","title":"Customizing Bar Chart Axis","description":"This example demonstrates how to customize bar chart axes using D3.js (v5), presenting population data for ten countries from a CSV file. The chart uses a linear scale for the x-axis, showing population values, and a band scale for the y-axis listing countries. The code extends the `d3.axisBottom` and `d3.axisLeft` functions, applying a custom tick formatter that converts numbers to abbreviated labels (e.g., \"B\" for billion) and removing domain lines and tick marks for a cleaner look. SVG rendering displays the bars, with styled tick text and lines via CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5b887c2a67094708939cc1e0c6d67e16?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}