Interaktivitäts-Strategie 1: CSS-Pseudo-KlassenBlasen-Balkendiagramm: Hover-Tooltips – LösungBlasen-Balkendiagramm mit Hover – Lösung aus dem UnterrichtInteraktivitäts-Strategie 2: JavaScript-EventsBlasen-Balkendiagramm mit mehr Infos nach einem Klick – LösungBlasen-Balkendiagramm mit Klick – Lösung aus dem UnterrichtBlasen-Balkendiagramm mit Suche – LösungBlasen-Balkendiagramm mit Suche – Lösung aus dem UnterrichtBlasen-Balkendiagramm mit Select – Lösung aus dem UnterrichtBlasen-Balkendiagramm mit Kategorienauswahl und Animation – LösungInteraktivitäts-Strategie 4: Scrollytelling mit Intersection ObserverRepetition: Animation – enter, update, exit
Interaktivitäts-Strategie 3: Observable Inputs