{"version":"1.0","type":"rich","title":"1","description":"This stacked bar chart visualizes the distribution of grade ranges (from 5.0-6.0 to above 9.0) across six student groups, showing how each grade category contributes to a total of 100% per student. The chart uses d3.stack() to create stacked segments, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Hovering over a segment triggers a tooltip displaying the exact percentage for that grade range within the selected student group. Data is loaded from a CSV file and rendered as SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1bb399976c534068a6c9c4c104f849ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}