{"version":"1.0","type":"rich","title":"Activity_6_Task1","description":"This visualization displays the top 30 countries by 2020 population using a horizontal bar chart rendered as SVG within a React application. The chart uses d3.scaleBand for the categorical country axis and d3.scaleLinear for the population values, with d3.format abbreviating numbers to billions. Data loads from a GitHub-hosted CSV file via d3.csv, and React hooks manage the asynchronous data fetching. Custom AxisBottom and AxisLeft components generate the axes, while Marks renders each bar with a tooltip showing the formatted population value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c42a30775734e689770bcf14e809600?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}