{"version":"1.0","type":"rich","title":"Activity 6 task 1.1","description":"This example displays a horizontal bar chart of the top 20 countries by population in 2010, read from a remote CSV file via d3.csv. The React app maps the data to SVG rectangles using d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis, with axes built from d3.scaleBand.ticks and tick formatting via d3.format('.2s'). Hovering reveals the population value in a tooltip through the SVG `<title>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a4f42f36f6494d5eb0c77cf042d57e08?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}