{"version":"1.0","type":"rich","title":"Activity_7_Task1","description":"This example shows a horizontal bar chart comparing the 2020 populations of twenty countries, using D3 v5 scales and React components to render an SVG visualization. The chart maps country names to a band scale on the y-axis and population values to a linear scale on the x-axis, with green bars representing each value. The code explicitly uses `scaleBand`, `scaleLinear`, `max`, and `format` from D3, while React components like `AxisBottom`, `AxisLeft`, and `Marks` handle the rendering. Population values are formatted with the `.2s` specifier, replacing ‘G’ with ‘B’, and the data is fetched from a CSV URL and parsed with `csvParse`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/450c79a98e814263a56fbee5581f3b0a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}