{"version":"1.0","type":"rich","title":"Activity6_Question2.3","description":"This example presents a stacked horizontal bar chart that visualizes the distribution of grade percentage ranges (e.g., Below 60%, 60%-70%) across various academic subjects. Each bar is segmented by color-coded rating categories, with the width of each segment representing the proportion of ratings in that category. The visualization uses D3.js v7, employing `d3.stack()` for data restructuring, `d3.scaleBand()` for the categorical y-axis, and `d3.axisBottom()` for the continuous x-axis. Hovering over a segment reveals a tooltip with the exact percentage for that subject and rating band. Data comes from a CSV file.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/27c546b3ff6a409a9edff86cb77c78fa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}