This visualization shows the distribution of current student grades (A, B, C, D, F) across three stress levels (Low, Medium, High) using a single bar chart. Users can click legend items to filter the display to a specific grade, highlighting the selected legend entry and updating the bars accordingly. The chart loads CSV data via d3.csv, aggregates counts and averages (study hours and social media platforms) per grade-stress combination, and renders SVG bars with a tooltip. Built with D3 v7, it uses d3.mean for aggregation and d3.select for DOM manipulation.