{"version":"1.0","type":"rich","title":"Activity 8_Q1.2","description":"This example presents a horizontal bar chart of the top 20 countries by 2010 population, using a React component that renders SVG elements. It imports D3 v5 utilities such as `scaleBand`, `scaleLinear`, and `format` to construct the axes and tick labels, with data fetched as CSV from GitHub via D3’s `csv` function. The chart includes styled grid lines, light green bars, and a tooltip showing each country’s population, with axis components (`AxisBottom`, `AxisLeft`) and reusable `Marks` defined as separate ES6 modules.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cddabcee56bd4dcf93799d52b2ab0cb4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}