{"version":"1.0","type":"rich","title":"Activity-6-Q1.2","description":"This example displays a horizontal bar chart showing the population of the first 20 countries from a 2010 CSV dataset, using an SVG rendering approach within a React application. The chart incorporates D3.js v5 scales, including `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with axes formatted using D3's `format` function to abbreviate large numbers. Each bar includes a tooltip showing the population value via the SVG `<title>` element, while the data is loaded from a GitHub-hosted CSV file using `d3.csv` and processed asynchronously with React hooks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fe0e82ca641a4ebda07781b72e4a379a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}