Original example · presentation-html

From signal
to decision.

Use structure to explain the system.
Use motion only to explain change.

Reveal.js 6.0.2 + Anime.js 4.5.0 · All assets embedded

01 / Narrative

One question. One visual answer.

Context

What changed, and why does it matter?

Mechanism

What connects the evidence to the choice?

Decision

What should the audience do next?

Choose the slide count from the story—not a template quota.

02 / Editable SVG + real interaction

Keep the decision at the center.

Decision People Process Platform Quality Cost Risk

Select a source to reveal its role. Tab + Enter or Space also works.

03 / Anime.js timeline

Reveal dependency—not decoration.

Observe

Make the signal visible.

Interpret

Connect evidence and context.

Act

Name the next reversible step.

A short, bounded sequence. No loops. No hidden final content.

04 / Restrained stagger

Make order perceptible.

The pattern is original. The technique is portable.

Reduced motion, print and revisit states show the complete result.

05 / Delivery gate

Test the exact file.
Inspect every slide.

Offline. Readable. Keyboard-operable.
Then publish the immutable artifact.

← → Navigate · Esc Overview · F Fullscreen · Tab Focus