{"version":"1.0","type":"rich","title":"Activity 6_Task 1","description":"This example displays a horizontal bar chart of 2020 population data for thirty countries, sourced from a CSV file hosted on GitHub. The visualization is rendered using React and SVG, with D3 v5 utilities managing the layout. Specifically, code imports `scaleBand`, `scaleLinear`, `max`, and `format` from D3 to position bars and axes. The chart uses a linear x-scale for population values and a band scale for countries, with tick labels and axis text custom-styled. React's `useData` hook asynchronously fetches and processes the data before rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/547be5b5d2074cf6a0bfe683171dd19e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}