A Day of Changing Feelings Timeline¶
Specification¶
The full specification below is extracted from Chapter 3: Understanding and Talking About Feelings.
Type: timeline
**sim-id:** day-of-changing-feelings<br/>
**Library:** vis-timeline<br/>
**Status:** Specified
Bloom Taxonomy: Understand (L2)
Bloom Taxonomy Verb: explain, describe, infer
Learning objective: Students describe how different situations across a single school day affect the way a character feels and responds.
Time period: One school day, from morning arrival to bedtime (7:00 AM - 8:00 PM)
Orientation: Horizontal
Events:
- 7:00 AM: Waking up excited — "It's picture day!"
- 8:15 AM: Nervous — forgot homework at home
- 9:30 AM: Proud — solved a hard math problem
- 12:00 PM: Happy — sat with friends at lunch
- 1:45 PM: Sad — a friend couldn't play at recess because they were sick
- 3:00 PM: Scared — a loud fire drill alarm
- 3:15 PM: Calm — teacher explains the drill was just practice
- 6:00 PM: Angry — sibling broke a favorite toy
- 8:00 PM: Calm — bedtime story with a trusted adult
Visual style: Horizontal timeline with a simple cartoon face icon above each event matching the feeling
Color coding:
- Yellow: happy/excited feelings
- Blue: sad feelings
- Red: angry feelings
- Purple: scared/nervous feelings
- Green: calm feelings
Interactive features:
- Click any event to open an infobox explaining the situation, the feeling it caused, and why that response makes sense
- Infobox includes a "What could help?" tip for the harder moments (nervous, scared, angry, sad)
Implementation: vis-timeline JavaScript library with click event listeners opening a definition/explanation panel