{"version":"1.0","type":"rich","title":"axes","description":"This example shows a horizontal bar chart of the top 10 countries by population in 2020, with labeled axes and red grid lines for the x-axis values. The chart uses React components rendered to SVG, with D3 scale functions (`scaleBand` and `scaleLinear`) to map data to positions. Data is loaded asynchronously from a CSV file using `d3.csv`, and the tick marks and labels are generated manually by iterating over the scales' domains and tick values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3471f9e5e1f472baea96087b6101b66?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}