Cycle

A closed circle instead of a straight line — for the processes that come back.

The round counterpart to reveal.js-sequence. Arrow keys step through it.

Some processes return

A bullet list would show all six phases at once and give them equal weight — and it would hide the one thing that matters: that they form a circle. Evaluation feeds back into assessment. The whole loop stays on screen while you light one station at a time.

Assess
What is going on?
Diagnose
Problems & resources
Set goals
Where to?
Plan
Who, what, how?
Implement
As planned
Evaluate
Did it work?

The note that closes the loop

A cycle earns its shape from the return. Give it data-loop and the plugin writes that return under the circle — here the sentence that makes a vicious circle vicious. When a station sits at the bottom it steps aside for it.

Pain
so movement stops
Rest
day after day
Deconditioning
muscles weaken

Build — let the loop assemble itself

Set data-mode="build" and the stations arrive one after another, the arrows growing with them. Right for a control loop, where the point is to watch cause turn into effect and effect close back onto cause. One click per station.

Blood pressure rises
Baroreceptors fire
Control centre
responds
Heart & vessels
slower, wider
Blood pressure falls

Static — for the overview and the handout

Set data-mode="static" and the whole circle simply stands there, with no stepping at all. For a summary slide, or a page that will be printed — where a build-up or a single lit station would only be in the way.

Plan
set the goal
Do
try it out
Check
measure
Act
standardise

Write the stations — that is all

The title is .t, the lead question .d. The hub in the middle is data-label, with an optional data-kick above and data-sub below. Three to eight stations.

<div class="cycle" data-label="The nursing process"
     data-kick="the" data-sub="six phases · one circle"
     data-loop="a goal that is met becomes a resource"
     data-mode="focus">
  <div class="step"><div class="t">Assess</div><div class="d">What is going on?</div></div>
  <div class="step"><div class="t">Diagnose</div><div class="d">Problems &amp; resources</div></div>
  … three to eight stations …
</div>

Each station is a native reveal fragment, so the remote, the speaker view, the URL index and printing all behave as they do everywhere else. In print the full circle is always shown.