{"version":"1.0","type":"rich","title":"Activity-8_Question-1.2","description":"This example shows a horizontal bar chart comparing the populations of twenty countries in 2010, with the bars colored green and axes styled with blue tick lines. It uses React to manage the component state and render the SVG, while D3 v5 provides the `scaleBand`, `scaleLinear`, `csv`, `max`, and `format` APIs for data loading, scaling, and tick formatting. The data is fetched from a CSV file using `useData`, and local modules `AxisBottom`, `AxisLeft`, and `Marks` implement the chart components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f9ed0dde5f3b4e87887238885f026088?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}