{"version":"1.0","type":"rich","title":"Activity 7 Tutorial 1","description":"This example shows a horizontal bar chart comparing the 2020 populations of 30 countries, with each bar labeled by country name and a formatted axis using abbreviations like \"B\" for billions. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis, `scaleLinear` for the continuous x-axis, and SVG `rect` elements to render the bars. Data is loaded from a remote CSV file using D3's `csv` function, and axes are generated via custom `AxisBottom` and `AxisLeft` components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b2240c43a43c44e39904d6b5c42b6eaf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}