{"version":"1.0","type":"rich","title":"Activity 6_Task 1","description":"This example presents a horizontal bar chart of 2020 population data by country, using D3 v5 within a React framework. The visualization encodes population values on a linear x-scale and country names on a categorical y-axis, with tick labels formatted to abbreviate billions. SVG rendering is used, and the chart is built with D3’s `scaleBand` and `scaleLinear` functions, alongside custom `AxisBottom`, `AxisLeft`, and `Marks` components. The code imports data via a custom `useData` hook and D3’s `csv` parser, with axis styling defined in the HTML file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f1a1ff97e1e4423a9b214884de0cb250?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}