{"version":"1.0","type":"rich","title":"Activity 6_Task 1","description":"This bar chart ranks 30 countries by their 2020 population, using a horizontal layout with the country names on the y-axis and population values on the x-axis. The SVG is rendered with React, using D3’s `scaleBand` and `scaleLinear` for axes, and `format` for tick labels that abbreviate large numbers (e.g., “1.2B”). Data is loaded from a remote CSV via `d3.csv`, and each bar’s tooltip displays the exact abbreviated population value. The axes and marks are built with custom ES6 modules for bottom ticks and left labels, with the chart styled by CSS classes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8b1138359cd145d9be1f2eeff57d7593?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}