{"version":"1.0","type":"rich","title":" activity 6_Task 1","description":"This example displays a horizontal bar chart of 2020 population data for 30 countries, using green bars with a blue axis. Built with React and D3.js v5, the visualization uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the population x-axis, and `d3.format` to convert large numbers into abbreviated labels like \"B\" for billions. The data is fetched from a GitHub CSV using `d3.csv`, and interactive tooltips show the formatted population value on hover. The chart is rendered as an SVG with custom reusable components for axes and marks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2b09f43913fc46b48b47db0583862f1f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}