{"version":"1.0","type":"rich","title":"Activity 7","description":"This example displays a horizontal bar chart of the top 20 countries by 2020 population, sourced from a CSV file. It renders SVG elements using React and D3 v5, with axes generated by custom AxisLeft and AxisBottom components that use d3.scaleBand and d3.scaleLinear. Population values are transformed from the '2010' column and formatted with d3.format. The visualization uses a green mark color and a Poppins font, with a loading state shown while data is fetched.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6fa9d22e4f1a4c5dbdc7b10b60ada1f6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}