{"version":"1.0","type":"rich","title":"activity 6_Task 1","description":"This example shows a horizontal bar chart ranking 30 countries by their 2020 population, using a dataset loaded from a GitHub-hosted CSV file. React manages the component state, while D3 v5 provides the `scaleBand` and `scaleLinear` functions for positioning bars and axes, and the `format` helper for abbreviating tick labels (e.g., converting “G” to “B”). The SVG is rendered with reusable axis and mark components, each bar displaying a native tooltip via the `<title>` element. The visual design uses green bars, blue axis lines, and a Poppins font.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/38b5a0ca33cc45fa840e86aa6eb325cc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}