{"version":"1.0","type":"rich","title":" activity 6_Task 1","description":"This visualization displays a horizontal bar chart comparing the populations of the top 20 countries in 2010, with bars sorted by population size. Built with React and D3 v7, it loads data from a CSV file via `d3.csv` and renders the chart as SVG. The chart uses `scaleBand` for the y-axis (country names) and `scaleLinear` for the x-axis (population), with bars drawn as SVG rectangles. The code demonstrates custom axis components, tick formatting that converts large numbers to \"B\" for billions, and tooltips on hover showing population values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f7ced550fe9648939c259f8fbebb9429?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}