ETF5922 Chap.11 Interactivity, Animation and Storytelling
Interactivity, Animation and Storytelling
Interaction exposes hidden states
Interactive controls are useful when they answer a reader question that one static view cannot answer efficiently. Filters must expose their active state, and essential values should not exist only in tooltips.
Motion needs stable references
Animation needs stable scales, positions and timing so apparent motion represents data change.
A static fallback preserves the evidence for print, screenshots, accessibility tools and non-interactive contexts.
Preserve a static evidence path
Animation helps when continuity of movement or state transition is itself the subject and stable reference points remain visible.
Static small multiples are better when readers need precise comparisons across several moments.
Preserve a static evidence path in context
Interaction and animation add states that static graphics do not have: selection, hover, zoom, playback position and transition. Those states must be visible or reconstructable because they determine what the reader sees.
Tooltips can supply detail, but permanent context should carry units and scope. Animation benefits from object constancy, fixed scales and controls that reduce memory burden. Static small multiples remain superior when precise cross-time comparison matters.
Storytelling then becomes evidence-led sequencing: introduce the question, reveal the comparison, annotate the supported change and preserve alternative views rather than forcing a conclusion through motion alone.
What this chapter covers
- 01
Interactive controls are useful when they answer a reader question that one static view cannot answer efficiently.
- 02
Filters must expose their active state, and essential values should not exist only in tooltips.
- 03
Animation needs stable scales, positions and timing so apparent motion represents data change.
- 04
A static fallback preserves the evidence for print, screenshots, accessibility tools and non-interactive contexts.
- 05
Use interaction and filter to frame the reader's task
- 06
Check tooltip against zoom before styling
- 07
Explain how state changes the visible comparison
- 08
Audit animation without removing necessary context
Keep animated evidence recoverable
- 1Calculate percentage-point change separately from relative percentage change.
- 2Lock the animation scale and positions across every frame.
- 3Label endpoints and allow pausing or stepping.
- 2Provide a static line or aligned frame sequence carrying the same evidence.
Key terms
- Interaction state
- The current filters, selections, zoom level or frame determining what an interactive view displays.
- Tooltip
- On-demand detail attached to a mark, useful for lookup but unsuitable as the only carrier of meaning.
- Object constancy
- Stable identity and position cues that let a viewer track the same entity across animation frames.
- Static fallback
- A still chart or sequence that preserves essential evidence when interaction or motion is unavailable.
Interactivity, Animation and Storytelling FAQ
When is animation better than aligned static frames?
Animation helps when continuity of movement or state transition is itself the subject and stable reference points remain visible. Static small multiples are better when readers need precise comparisons across several moments.
What must remain stable during animation?
Axes, object identity, reference points and relevant labels should remain stable enough for tracking. If positions or scales reset, apparent movement can reflect the frame design rather than data. Playback control and static frames reduce memory load and preserve access to endpoint comparisons.
When is a tooltip insufficient?
A tooltip is insufficient when it contains the only statement of units, scope, denominator or key evidence. Hover may be unavailable in print, touch or assistive contexts. Essential meaning should remain visible, while tooltips can provide optional detail about individual marks.
How should an interactive story handle reset behaviour?
Provide a clear return to the documented starting state and ensure titles, filters and annotations reset together. Readers need to know whether the opening view shows all data or a curated subset. A stable reset also supports testing because each interaction path can begin from the same conditions and produce comparable results.
Exam move
Design one interactive sequence with a filter, tooltip and animated transition. List the initial state, action and persistent reference before coding anything. Then create aligned static frames carrying the same evidence. Compare which questions each format answers more directly, and keep motion only if tracking the transition adds information that the still sequence cannot express as clearly.
Working through Interactivity, Animation and Storytelling in ETF5922? Sia is AskSia’s AI Computer Science tutor — ask any ETF5922 Interactivity, Animation and Storytelling question and get a clear, step-by-step explanation grounded in how ETF5922 is taught and assessed. Read this chapter free, then take your hardest questions to Sia.
