{"version":"1.0","type":"rich","title":"Activity6_task1","description":"This example shows a horizontal bar chart ranking the 2020 populations of 30 countries, drawn with SVG in a React component. The chart uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population values, with formatted tick labels via `d3.format`. The data is loaded asynchronously from a CSV using `d3.csv` and rendered through a custom `Marks` component that creates SVG rectangles with tooltips. The visualization demonstrates combining D3’s data-joining and scales with React’s component structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4e0b3b62d3154dd284b61e3320dcf384?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}