PatternsShipped
Process loop
Four states a person passes through, in rings joined by arrows. The last ring is filled - that is the cost.
Used onProblem loop
Treatment done
No reminder sent
Patient forgets
Revenue lost
Show code
<div class="loop">
<div class="loop-node"><span class="ring"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span><b>Treatment done</b></div><span class="loop-arrow"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span>
<div class="loop-node"><span class="ring"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span><b>No reminder sent</b></div><span class="loop-arrow"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span>
<div class="loop-node"><span class="ring"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span><b>Patient forgets</b></div><span class="loop-arrow"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span>
<div class="loop-node end"><span class="ring"><svg class="icon" viewBox="0 0 256 256" aria-hidden="true"><path d="…"/></svg></span><b>Revenue lost</b></div>
</div>