{"version":"1.0","type":"rich","title":"activity 6_Task 1","description":"This example displays a horizontal bar chart ranking the 2020 populations of 30 countries. The visualization uses D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the numerical x-axis, rendering the bars as SVG `<rect>` elements. It loads CSV data from a GitHub repository and formats axis tick labels with `d3.format`. The components are built with React, while static axes and marks are defined in separate ES6 modules. A native SVG `<title>` element provides tooltips on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7c19557022a549bfa947090529045eaa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}