{"version":"1.0","type":"rich","title":"Activity6_task1","description":"This example displays a horizontal bar chart of the top 30 countries by 2020 population. The visualization uses the D3 version 5 library with `scaleBand` and `scaleLinear` to map data from a CSV file to SVG rectangles. The React component defines axes with `AxisBottom` and `AxisLeft`, formatting tick labels from scientific notation to billions. Each bar includes a tooltip showing the population value, with data loaded asynchronously via a custom `useData` hook that fetches from a GitHub repository.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b6813f93ff2f4bfb9f7adfd9148fa6e5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}