{"version":"1.0","type":"rich","title":"Activity question 1","description":"This example renders a horizontal bar chart displaying the population figures for ten countries in the year 2000, with the largest populations extending furthest to the right. The visualization is built using React and the D3.js library, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Axes are constructed via the custom local `AxisBottom` and `AxisLeft` modules, while the bars are drawn as SVG rectangles with a hover tooltip showing the formatted value. Data is loaded asynchronously from a specified CSV file using D3's `csv` function.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/aba0347940fd448e9e68203c7dddc1ac?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}