{"version":"1.0","type":"rich","title":"Activity 6_Task 1","description":"This example displays a horizontal bar chart of the 2020 populations for the top 30 countries, as ranked by a UN population dataset. The visualization uses React and D3 v5 to render SVG elements, with axes and bars built from custom components. The code imports d3 utilities like `scaleBand`, `scaleLinear`, `max`, and `format` to calculate scales and format tick labels, while a `useData` hook loads the CSV data. Each bar includes a tooltip showing the population value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2dee56446cfc4ffc81c3d51c297fe4a4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}