#import "../../../acronyms.typ": *

= UI Demonstration

@visual-fp-ui-demo-step-one through @visual-fp-ui-demo-step-six depict a
step-by-step construction of the `mapAdd5`
code scenario, described in @design_eval_code_scenarios, using the #ac("PoC") application.

#figure(
  image("../../static/ui-demo-one.png"),
  caption: "Step by step demonstration of mapAdd5 construction - Part 1"
) <visual-fp-ui-demo-step-one>

#figure(
  image("../../static/ui-demo-two.png"),
  caption: "Step by step demonstration of mapAdd5 construction - Part 2"
) <visual-fp-ui-demo-step-two>

#figure(
  image("../../static/ui-demo-three.png"),
  caption: "Step by step demonstration of mapAdd5 construction - Part 3"
) <visual-fp-ui-demo-step-three>

#figure(
  image("../../static/ui-demo-four.png"),
  caption: "Step by step demonstration of mapAdd5 construction - Part 4"
) <visual-fp-ui-demo-step-four>

#figure(
  image("../../static/ui-demo-five.png"),
  caption: "Step by step demonstration of mapAdd5 construction - Part 5"
) <visual-fp-ui-demo-step-five>

#figure(
  image("../../static/ui-demo-six.png"),
  caption: "Step by step demonstration of mapAdd5 construction - Part 6"
) <visual-fp-ui-demo-step-six>
