{"version":"1.0","type":"rich","title":"Activity 6 Tutorial 1","description":"This example displays a horizontal bar chart ranking the populations of 30 countries for 2020. It uses React with D3’s `scaleBand`, `scaleLinear`, `max`, and `format` APIs to build the visualization in SVG. The code loads CSV data via `csv` from a GitHub gist, formats tick labels with `.2s` (converting Gigabytes to Billions), and includes native SVG `<title>` tooltips. Axes are rendered as custom React components, with blue tick lines and green bars.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cb10237b94dc46f291a54ea04230475b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}