{"version":"1.0","type":"rich","title":"Customizing Axes with D3.js","description":"This example shows a horizontal bar chart of the populations of the top 10 most populous countries, sourced from a CSV file. The visualization uses D3.js v5 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG bars. It customizes axes by removing domain lines, adding tick marks across the chart, formatting population values with abbreviations (e.g., \"1.41B\"), and appending custom axis and title labels via D3 selections.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b2f032ffa5a64d99b7df0780cba0c1d2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}