{"version":"1.0","type":"rich","title":"Task 8_Tutorial1","description":"This example shows a horizontal bar chart of 2020 population estimates for 30 countries, with each bar’s length proportional to population and a tooltip displaying the value in billions. The visualization is built with React and D3 v5, using `scaleBand` and `scaleLinear` to map country names and population values to screen coordinates. Data is loaded via `d3.csv` from a GitHub repository, axes are rendered as SVG elements with tick marks, and bars are drawn as `rect` elements using the `Marks` component. The chart includes a labeled x-axis and uses a green fill for all bars.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f2602c034885426a924261feee97b40d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}