{"version":"1.0","type":"rich","title":"Activity6-Question1-1","description":"This example shows a horizontal bar chart comparing the populations of ten countries in the year 2000, using data loaded from a CSV file. The visualization renders as an SVG within a React app, using D3 v5 APIs like `scaleBand` and `scaleLinear` to position bars and axes. Custom React components—`AxisBottom`, `AxisLeft`, and `Marks`—build the chart, with axis tick lines styled blue and bars filled light green. A native SVG `<title>` element provides tooltips on each bar, and population labels are formatted with `format('.2s')` to display abbreviations like \"B\" for billions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3ab58388552e4882a2b8f0bc38cb711e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}