{"version":"1.0","type":"rich","title":"Activity-6_Task-1","description":"This example displays a horizontal bar chart of the top 30 countries by population in 2020. The visualization uses React to render SVG elements, with D3 v5 functions like `scaleBand` and `scaleLinear` for positioning and an axis generated through custom `AxisBottom` and `AxisLeft` components. Data is loaded asynchronously from a CSV file via D3’s `csv` method, and each bar includes a native SVG `<title>` tooltip showing the population value. The chart uses a light green fill for the marks and blue axis lines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4f2c8fb029ef4480a95e2c24f92835df?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}