{"version":"1.0","type":"rich","title":"Activity-6-Question-1.2","description":"This example displays a horizontal bar chart comparing the populations of 20 countries in 2010, rendered as SVG within a React application. The chart uses D3 scale functions, `scaleBand` for the y-axis and `scaleLinear` for the x-axis, with population values read from a CSV file. Axes are custom components that render ticks and labels, while bars include native SVG tooltips showing formatted population values. The code loads data via `d3.csv` and formats tick labels using `d3.format`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b2c3a16b29334235bdfdf35ebbf62828?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}