Viewing a saved revision (read-only)
bb7e28470866453bb99f7ab8953265d5
Mallak Alkhathlan assignment 1
This chart displays student emotional data using two sets of horizontal bar charts. The first set uses CSS-styled rectangles with emoji labels, while the second set applies SVG `<linearGradient>` definitions and `stop` elements to color the bars. The visualization uses inline SVG, CSS transitions and hover states, and includes stroked paths for additional data representation.
AI-generated descriptioninspired by other people's work:
Cite from: 1)https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Gradients [Gradients] 2)https://www.w3schools.com/graphics/svg_stroking.asp [svg stroking] 3)https://www.w3schools.com/charsets/ref_emoji_smileys.asp [Emoji] 4)https://www.w3schools.com/css/css_colors.asp [CSS Color Names]