{"version":"1.0","type":"rich","title":"Activity 6_Task 1 (Q1.1)","description":"This example shows a horizontal bar chart comparing the population of ten countries in the year 2000, using a dataset loaded from a GitHub-hosted CSV file. The React application renders the chart as an SVG, with rectangular bars scaled by population values on a linear axis and country names positioned on a band axis. The code imports `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` from the D3 v5 library, leveraging React's `useRef` and `useEffect` hooks to attach the axes to the SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/00ebea02431f4f4a906ec11848b2d413?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}