{"version":"1.0","type":"rich","title":"Activity7Task1","description":"This example shows a horizontal bar chart ranking 20 countries by their 2020 population, with each bar’s length encoded by a linear scale and a green fill. The visualization uses React to render SVG components, with D3 v5 providing the scaleBand, scaleLinear, and format utilities for axes and tick labels. Data is loaded via d3.csv from a Gist URL, and axes are built with custom React components (AxisBottom, AxisLeft) that generate tick lines and text. Hovering reveals a tooltip with the formatted population value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2063a38ce05c4efe8c18b2e3f4aebbb4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}