{"version":"1.0","type":"rich","title":" activity 6_Task 1","description":"This example shows a horizontal bar chart of the top 30 countries by population in 2020, sourced from a CSV file via `d3.csv`. The chart uses D3 v5's `scaleBand` for the y-axis (countries) and `scaleLinear` for the x-axis (population), rendered as SVG rectangles in React. Bars are colored light green, with a blue axis line and tick marks, and a formatted axis label \"POPULATION-2020\". Hovering over a bar reveals a tooltip via the `<title>` element, showing the population value formatted with `d3.format` to replace \"G\" with \"B\" for billions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5075229e4f3e4fde97f32594c52436c9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}