{"version":"1.0","type":"rich","title":" task 8 question 2.2","description":"A stacked horizontal bar chart shows the proportion of ratings (below 4, 4-5, 5-6, 6-7, 7-8, above 8) for six food categories, with each bar segmented by rating range. The visualization uses D3.js v7 with SVG rendering, employing d3.stack() to aggregate the data, d3.scaleBand() for the category axis, d3.scaleLinear() for the percentage axis, and d3.scaleOrdinal() for color encoding. Interactive tooltips display the exact percentage of each rating segment on hover, using event listeners and d3.format() to present values. The data is loaded from a CSV file containing pre-computed proportions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/734705d78b7e440986c1d04d77c910b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}