{"version":"1.0","type":"rich","title":"activity6_question1.2","description":"This example shows a horizontal bar chart displaying the population of twenty countries from a CSV dataset for 2010, with a green fill for the bars and blue tick lines. It is implemented in React and D3 v5, using `scaleBand` and `scaleLinear` for the axes, while custom components like `AxisBottom`, `AxisLeft`, and `Marks` render the SVG elements. The code also imports the `format` function to abbreviate tick labels, converting values like 'G' to 'B' for billions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8cbd5d9625f34dd9b856e3e10aecd308?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}