{"version":"1.0","type":"rich","title":"Activity6-task1","description":"This example shows a horizontal bar chart ranking the 30 most populous countries or regions in 2020, with bar length encoding population counts in thousands. Each bar includes a hover tooltip displaying the exact value. The visualization uses React to render SVG elements, with D3’s `csv` loader fetching data from a GitHub-hosted CSV file. Scales are created implicitly via the `xScale` and `yScale` props, while custom `AxisBottom` and `AxisLeft` components generate tick marks and labels using D3’s scale methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/308deea5ff704e15806e10d29113dcfa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}