{"version":"1.0","type":"rich","title":"Activity6_task 2 tutorial","description":"This example visualizes the distribution of movie ratings across genres using a stacked horizontal bar chart, where each genre is represented by a row segmented into five rating categories from “below 5.0” to “above 8.5.” The chart reads from `data.csv` and uses D3 v7’s `d3.stack()` to compute the stacked segments, with `d3.scaleOrdinal` assigning colors and `d3.scaleBand` handling the genre rows. Interactive tooltips appear on mouseover, showing the exact percentage for each rating category, while the SVG is rendered with axes, labels, and a title. The bars’ segment lengths reflect proportional percentages, making genre rating patterns immediately comparable.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8ec59c8abcc94ccabdf7eaeabb54775b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}