{"version":"1.0","type":"rich","title":"Customizing Axes","description":"This visualization demonstrates customized D3.js axes within a bar chart showing the top 10 most populous countries using 2018 data from the United Nations World Population Prospects. The chart displays population values on the y-axis and country names on the x-axis, with custom font sizes, fill colors, and stroke colors applied to axis ticks and labels. The code uses d3.scaleBand and d3.scaleLinear to construct the scales, along with d3.axisBottom and d3.axisLeft to generate the axes. The rendering is done in SVG, and the styles are defined in a separate CSS file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e446f143f8e04b0eae630488755e1b42?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}