{"version":"1.0","type":"rich","title":"Activity6Question2","description":"This example displays a horizontal bar chart of population figures for 20 countries in 2020, using CSV data loaded from a GitHub repository. React renders SVG elements, while D3 v5 handles scales and formatting: `scaleBand` maps countries to y-axis positions and `scaleLinear` maps population values to bar widths. The chart includes formatted tick labels that convert values to billions (e.g., \"G\" replaced with \"B\") and native SVG `<title>` elements for tooltips. Reusable React components (`AxisBottom`, `AxisLeft`, `Marks`) structure the visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/293725a728434c56a82b0dc5a5bf10f1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}