{"version":"1.0","type":"rich","title":"Activity6_Task2","description":"This example visualizes the top 20 most populous countries in 2010 as a horizontal bar chart, with bars sorted in descending order and displayed using an SVG canvas. The chart loads population data from a remote CSV file via D3’s `d3.csv` method, then uses `d3.scaleLinear` for the x-axis (population in millions) and `d3.scaleBand` for the categorical y-axis (country names). Axes and labels are rendered using `d3.axisBottom` and `d3.axisLeft`, while bars are drawn as `rect` elements with a steelblue fill. The code also demonstrates local ES6 module imports and D3 loading via UNPKG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0414b3a9f7be45239d19c7d6780c13ba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}