{"version":"1.0","type":"rich","title":"Activity-8_Task - 1","description":"This example displays a horizontal bar chart of population data for 30 countries in 2020, using a green fill for each bar on a white background. The React application imports D3 functions such as `scaleBand`, `scaleLinear`, `max`, and `format` to compute scales and format tick labels, with the data loaded from a CSV file via `d3.csv`. The chart renders as an SVG, with custom components for the bottom axis (`AxisBottom`), left axis (`AxisLeft`), and rectangular marks (`Marks`), each using D3's scale and tick utilities to position elements and generate tooltips.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7727c85f9cf4473bb11f054d08eaa23e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}