{"version":"1.0","type":"rich","title":"activity6_Task-1","description":"This example displays a horizontal bar chart of population figures for 20 countries in 2010, with bars encoded by population magnitude and labeled with abbreviated values. The visualization uses React to render SVG elements, while D3’s `scaleBand`, `scaleLinear`, and `csv` handle data loading and axes. The `Marks` component draws rectangles with tooltips, and separate `AxisBottom` and `AxisLeft` components generate ticks. Data is fetched from a GitHub-hosted CSV file, and the chart includes a bottom axis label.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/160d934d6a92497ba71b6e86d25100a9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}