{"version":"1.0","type":"rich","title":"question1.2","description":"This example displays a horizontal bar chart of population data for 20 countries in 2010. The visualization uses React with D3 v5 scale functions, specifically `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. The bars are rendered as SVG rectangles, with axes created through custom components that map D3 scales to JSX elements. The chart loads CSV data from a GitHub gist, formats population values using the D3 `format` function, and includes a tooltip showing the formatted value for each bar.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/966f54d3a5a042ffaa94a3d12557a15e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}