{"version":"1.0","type":"rich","title":"Activty 6 Question 1.1","description":"This example displays a horizontal bar chart of population data for ten countries in the year 2000, sourced from a CSV file loaded via `d3.csv`. The React application uses `scaleBand` and `scaleLinear` from D3 v5 to position bars and axes, while rendering SVG elements through React components. Axis ticks are formatted with `d3.format` to abbreviate large numbers, and hover tooltips are provided via SVG `<title>` elements. The chart includes custom axis components and a labeled x-axis with styling defined in the HTML stylesheet.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e3ee2ae0745442f982a37bd2a669a1bf?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}