{"version":"1.0","type":"rich","title":"Customizing Axis with D3.js","description":"This example shows a horizontal bar chart of the top 10 most populous countries using D3.js v5 in React, rendering to SVG. It customizes the axes by removing the y-axis domain and tick lines, adding a centered population label, and formatting x-axis tick values with `d3.format` to abbreviate billions as “B.” The chart uses `scaleLinear` and `scaleBand` for positioning, with `axisLeft` and `axisBottom` to construct the axes, and loads population data from a CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cacd3ae0b9dd4f13a93ba2351af3cca3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}