{"version":"1.0","type":"rich","title":"Activity 6_Question 1.2","description":"This example displays a horizontal bar chart of population data for 20 countries in 2010, using React with SVG rendering. The visualization imports D3 v5 modules for data loading and scales: `scaleBand` positions country categories along the y-axis, while `scaleLinear` maps population values to bar widths on the x-axis. CSV data is fetched from a GitHub-hosted dataset and formatted using D3’s `format` function. Axes are custom React components, and each bar includes a native SVG `<title>` element for tooltip support. The styling uses CSS classes for marks and ticks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d95dba75acf34ef49789529a1351f184?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}