{"version":"1.0","type":"rich","title":" activity 6_Task 1","description":"This horizontal bar chart ranks countries by their 2020 population, with bars sorted in descending order and displayed with a steelblue fill. The visualization uses a D3.js scaleBand for the categorical y-axis and a scaleLinear for the numeric x-axis, with the bottom axis formatted to abbreviate large numbers (e.g., billions as \"B\"). The React-based code loads CSV data via `d3.csv`, converts the population field to numbers, sorts it, and renders the chart using React.createElement for SVG elements, styled with the Poppins font and a custom margin layout.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/70f8ae1b20ff45fc87f75f1c57870c23?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}