{"version":"1.0","type":"rich","title":"Tutorial 8 Task1","description":"This example shows a horizontal bar chart of 2020 population estimates for 30 countries, with a green fill, blue axis ticks, and a custom “POPULATION-2020” axis label. It loads data from a remote CSV via `d3.csv` and uses `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and `max` to set the domain. The React components render SVG groups for the bottom and left axes, while each bar’s `<rect>` includes a `<title>` tooltip formatted with `d3.format('.2s')`. D3 v5 is loaded via UNPKG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25fe169c64984e1d894662ff969b810a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}