Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mallak Alkhathlan assignment 1

Public visualization

Mallak Alkhathlan assignment 1

0 stars0🌍 Public
Mmnalk
Last edited Aug 29, 2021
Created on Aug 28, 2021
Forked from Hello VizHub

The graphic displays a survey of student emotional responses as a horizontal bar chart, with two distinct visual encodings. The first set of bars uses plain orange rectangles with emoji labels (e.g., 😤, 😂) to show counts, while the second set employs SVG linear gradients, transitioning through colors like Tomato, SlateBlue, and Orange, with rounded corners. The SVG uses CSS classes for hover interactions, changing bar fills to SlateBlue and text to Tomato. The chart, defined in an inline SVG within `index.html` and styled by `styles.css`, relies on native SVG elements (`rect`, `linearGradient`, `text`) and CSS transitions—no external JavaScript libraries.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed