{"version":"1.0","type":"rich","title":"Question1.2","description":"This example displays a horizontal bar chart of the top 20 countries by population in 2010, with bars sorted by country name. Built with React and D3.v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. The SVG rendering includes axes and marks, with population values formatted using `format('.2s')` to replace 'G' with 'B'. Data is loaded via D3's `csv` function from a GitHub-hosted CSV file, and all chart elements—ticks, labels, and rectangles—are generated from local ES6 modules.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9920d1c7c83e4c649f1d7f3b852cedba?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}