New figure for the recursive algorithm

graphics/execution/recursive.typ

@@ -0,0 +1,56 @@
+#import "@preview/fletcher:0.5.8" as fletcher: diagram, node, edge 
+#import fletcher.shapes: pill
+
+#diagram(
+  spacing: (-3mm, 8mm), // wide columns, narrow rows
+  node-stroke: 1pt, // outline node shapes
+  edge-stroke: 1pt, // make lines thicker
+  mark-scale: 60%, // make arrowheads smaller
+  node((0,0), [Start], name: <start>),
+  node((-4, 1), [u1], name: <u1>),
+  node((4, 1), [u2], name: <u2>),
+
+  node((-6, 2), [u11], name: <u11>),
+  node((-2, 2), [u12], name: <u12>),
+  node((2, 2), [u21], name: <u21>),
+  node((6, 2), [u22], name: <u22>),
+
+  node((-7, 3), [u111], name: <u111>),
+  node((-5, 3), [u112], name: <u112>),
+  node((-3, 3), [u121], name: <u121>),
+  node((-1, 3), [u122], name: <u122>),
+  node((1, 3), [u211], name: <u211>),
+  node((3, 3), [u212], name: <u212>),
+  node((5, 3), [u221], name: <u221>),
+  node((7, 3), [u222], name: <u222>),
+
+  node((-20mm, 33mm), [n1], shape: pill, name: <n1>),
+  node((-20mm, 18.5mm), [n2], shape: pill, name: <n2>),
+  node((-20mm, 4mm), [n3], shape: pill, name: <n3>),
+
+  edge(<n1>, <iter1>, "->"),
+  edge(<n2>, <iter2>, "->"),
+  edge(<n3>, <iter3>, "->"),
+
+  edge(<start>, <u1.north>, "->"),
+  edge(<start>, <u2.north>, "->"),
+
+  edge(<u1>, <u11.north>, "->"),
+  edge(<u1>, <u12.north>, "->"),
+  edge(<u2>, <u21.north>, "->"),
+  edge(<u2>, <u22.north>, "->"),
+
+  edge(<u11>, <u111.north>, "->"),
+  edge(<u11>, <u112.north>, "->"),
+  edge(<u12>, <u121.north>, "->"),
+  edge(<u12>, <u122.north>, "->"),
+  edge(<u21>, <u211.north>, "->"),
+  edge(<u21>, <u212.north>, "->"),
+  edge(<u22>, <u221.north>, "->"),
+  edge(<u22>, <u222.north>, "->"),
+
+  node(enclose: (<u1>, <u2>), stroke: aqua, fill: aqua.lighten(90%), name: <iter1>),
+  node(enclose: (<u11>, <u22>), stroke: teal, fill: teal.lighten(90%), name: <iter2>),
+  node(enclose: (<u111>, <u222>), stroke: eastern, fill: eastern.lighten(90%), name: <iter3>)
+
+)