diff --git a/modules/ROOT/images/graph_list_functions.svg b/modules/ROOT/images/graph_list_functions.svg
new file mode 100644
index 000000000..88b6c8672
--- /dev/null
+++ b/modules/ROOT/images/graph_list_functions.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.49.3 (20211027.1534)
+ -->
+<!-- Title: L Pages: 1 -->
+<svg width="300pt" height="310pt"
+ viewBox="0.00 0.00 300.00 310.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 306)">
+<title>L</title>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-306 296,-306 296,4 -4,4"/>
+<!-- N0 -->
+<g id="node1" class="node">
+<title>N0</title>
+<path fill="none" stroke="black" d="M66,-225.5C66,-225.5 158,-225.5 158,-225.5 164,-225.5 170,-231.5 170,-237.5 170,-237.5 170,-289.5 170,-289.5 170,-295.5 164,-301.5 158,-301.5 158,-301.5 66,-301.5 66,-301.5 60,-301.5 54,-295.5 54,-289.5 54,-289.5 54,-237.5 54,-237.5 54,-231.5 60,-225.5 66,-225.5"/>
+<text text-anchor="middle" x="112" y="-286.3" font-family="Times,serif" font-size="14.00">Person, Developer</text>
+<polyline fill="none" stroke="black" points="54,-278.5 170,-278.5 "/>
+<text text-anchor="start" x="62" y="-263.3" font-family="Times,serif" font-size="14.00">name = &#39;Alice&#39;</text>
+<text text-anchor="start" x="62" y="-248.3" font-family="Times,serif" font-size="14.00">age = 38</text>
+<text text-anchor="start" x="62" y="-233.3" font-family="Times,serif" font-size="14.00">eyes = &#39;brown&#39;</text>
+</g>
+<!-- N2 -->
+<g id="node2" class="node">
+<title>N2</title>
+<path fill="none" stroke="black" d="M12,-120.5C12,-120.5 96,-120.5 96,-120.5 102,-120.5 108,-126.5 108,-132.5 108,-132.5 108,-161.5 108,-161.5 108,-167.5 102,-173.5 96,-173.5 96,-173.5 12,-173.5 12,-173.5 6,-173.5 0,-167.5 0,-161.5 0,-161.5 0,-132.5 0,-132.5 0,-126.5 6,-120.5 12,-120.5"/>
+<text text-anchor="start" x="8" y="-158.3" font-family="Times,serif" font-size="14.00">name = &#39;Charlie&#39;</text>
+<text text-anchor="start" x="8" y="-143.3" font-family="Times,serif" font-size="14.00">age = 53</text>
+<text text-anchor="start" x="8" y="-128.3" font-family="Times,serif" font-size="14.00">eyes = &#39;green&#39;</text>
+</g>
+<!-- N0&#45;&gt;N2 -->
+<g id="edge1" class="edge">
+<title>N0&#45;&gt;N2</title>
+<path fill="none" stroke="#2e3436" d="M93.17,-225.33C86.24,-211.64 78.41,-196.2 71.59,-182.73"/>
+<polygon fill="#2e3436" stroke="#2e3436" points="74.7,-181.11 67.05,-173.77 68.45,-184.27 74.7,-181.11"/>
+<text text-anchor="middle" x="109" y="-195.8" font-family="Times,serif" font-size="14.00" fill="#2e3436">KNOWS</text>
+</g>
+<!-- N1 -->
+<g id="node3" class="node">
+<title>N1</title>
+<path fill="none" stroke="black" d="M138,-120.5C138,-120.5 204,-120.5 204,-120.5 210,-120.5 216,-126.5 216,-132.5 216,-132.5 216,-161.5 216,-161.5 216,-167.5 210,-173.5 204,-173.5 204,-173.5 138,-173.5 138,-173.5 132,-173.5 126,-167.5 126,-161.5 126,-161.5 126,-132.5 126,-132.5 126,-126.5 132,-120.5 138,-120.5"/>
+<text text-anchor="start" x="134" y="-158.3" font-family="Times,serif" font-size="14.00">name = &#39;Bob&#39;</text>
+<text text-anchor="start" x="134" y="-143.3" font-family="Times,serif" font-size="14.00">age = 25</text>
+<text text-anchor="start" x="134" y="-128.3" font-family="Times,serif" font-size="14.00">eyes = &#39;blue&#39;</text>
+</g>
+<!-- N0&#45;&gt;N1 -->
+<g id="edge2" class="edge">
+<title>N0&#45;&gt;N1</title>
+<path fill="none" stroke="#2e3436" d="M131.16,-225.33C138.21,-211.64 146.17,-196.2 153.1,-182.73"/>
+<polygon fill="#2e3436" stroke="#2e3436" points="156.25,-184.26 157.72,-173.77 150.03,-181.06 156.25,-184.26"/>
+<text text-anchor="middle" x="172" y="-195.8" font-family="Times,serif" font-size="14.00" fill="#2e3436">KNOWS</text>
+</g>
+<!-- N3 -->
+<g id="node4" class="node">
+<title>N3</title>
+<path fill="none" stroke="black" d="M14,-8C14,-8 94,-8 94,-8 100,-8 106,-14 106,-20 106,-20 106,-49 106,-49 106,-55 100,-61 94,-61 94,-61 14,-61 14,-61 8,-61 2,-55 2,-49 2,-49 2,-20 2,-20 2,-14 8,-8 14,-8"/>
+<text text-anchor="start" x="10" y="-45.8" font-family="Times,serif" font-size="14.00">name = &#39;Daniel&#39;</text>
+<text text-anchor="start" x="10" y="-30.8" font-family="Times,serif" font-size="14.00">age = 54</text>
+<text text-anchor="start" x="10" y="-15.8" font-family="Times,serif" font-size="14.00">eyes = &#39;brown&#39;</text>
+</g>
+<!-- N2&#45;&gt;N3 -->
+<g id="edge5" class="edge">
+<title>N2&#45;&gt;N3</title>
+<path fill="none" stroke="#2e3436" d="M54,-120.37C54,-105.83 54,-87.41 54,-71.44"/>
+<polygon fill="#2e3436" stroke="#2e3436" points="57.5,-71.37 54,-61.37 50.5,-71.37 57.5,-71.37"/>
+<text text-anchor="middle" x="80" y="-90.8" font-family="Times,serif" font-size="14.00" fill="#2e3436">KNOWS</text>
+</g>
+<!-- N1&#45;&gt;N3 -->
+<g id="edge3" class="edge">
+<title>N1&#45;&gt;N3</title>
+<path fill="none" stroke="#2e3436" d="M144.19,-120.4C133.29,-110.01 120.56,-97.91 109,-87 102.57,-80.93 95.71,-74.48 89.08,-68.27"/>
+<polygon fill="#2e3436" stroke="#2e3436" points="91.15,-65.41 81.46,-61.13 86.36,-70.52 91.15,-65.41"/>
+<text text-anchor="middle" x="150" y="-90.8" font-family="Times,serif" font-size="14.00" fill="#2e3436">KNOWS</text>
+</g>
+<!-- N4 -->
+<g id="node5" class="node">
+<title>N4</title>
+<path fill="none" stroke="black" d="M136,-0.5C136,-0.5 280,-0.5 280,-0.5 286,-0.5 292,-6.5 292,-12.5 292,-12.5 292,-56.5 292,-56.5 292,-62.5 286,-68.5 280,-68.5 280,-68.5 136,-68.5 136,-68.5 130,-68.5 124,-62.5 124,-56.5 124,-56.5 124,-12.5 124,-12.5 124,-6.5 130,-0.5 136,-0.5"/>
+<text text-anchor="start" x="132" y="-53.3" font-family="Times,serif" font-size="14.00">eyes = &#39;blue&#39;</text>
+<text text-anchor="start" x="132" y="-38.3" font-family="Times,serif" font-size="14.00">array = [&#39;one&#39;, &#39;two&#39;, &#39;three&#39;]</text>
+<text text-anchor="start" x="132" y="-23.3" font-family="Times,serif" font-size="14.00">name = &#39;Eskil&#39;</text>
+<text text-anchor="start" x="132" y="-8.3" font-family="Times,serif" font-size="14.00">age = 41</text>
+</g>
+<!-- N1&#45;&gt;N4 -->
+<g id="edge4" class="edge">
+<title>N1&#45;&gt;N4</title>
+<path fill="none" stroke="#4e9a06" d="M179.76,-120.42C181.82,-114.38 184,-107.97 186,-102 188.56,-94.38 191.26,-86.26 193.87,-78.41"/>
+<polygon fill="#4e9a06" stroke="#4e9a06" points="197.27,-79.26 197.09,-68.67 190.63,-77.06 197.27,-79.26"/>
+<text text-anchor="middle" x="221.5" y="-90.8" font-family="Times,serif" font-size="14.00" fill="#4e9a06">MARRIED</text>
+</g>
+</g>
+</svg>
diff --git a/modules/ROOT/pages/functions/list.adoc b/modules/ROOT/pages/functions/list.adoc
index 64dd2a88c..b1366031a 100644
--- a/modules/ROOT/pages/functions/list.adoc
+++ b/modules/ROOT/pages/functions/list.adoc
@@ -19,53 +19,7 @@ Functions:
 * xref:functions/list.adoc#functions-tointegerlist[toIntegerList()]
 * xref:functions/list.adoc#functions-tostringlist[toStringList()]
 
-
-.Graph
-["dot", "List functions-1.svg", "neoviz", ""]
-----
-  N0 [
-    label = "{Person, Developer|name = \'Alice\'\lage = 38\leyes = \'brown\'\l}"
-  ]
-  N0 -> N2 [
-    color = "#2e3436"
-    fontcolor = "#2e3436"
-    label = "KNOWS\n"
-  ]
-  N0 -> N1 [
-    color = "#2e3436"
-    fontcolor = "#2e3436"
-    label = "KNOWS\n"
-  ]
-  N1 [
-    label = "name = \'Bob\'\lage = 25\leyes = \'blue\'\l"
-  ]
-  N1 -> N3 [
-    color = "#2e3436"
-    fontcolor = "#2e3436"
-    label = "KNOWS\n"
-  ]
-  N1 -> N4 [
-    color = "#4e9a06"
-    fontcolor = "#4e9a06"
-    label = "MARRIED\n"
-  ]
-  N2 [
-    label = "name = \'Charlie\'\lage = 53\leyes = \'green\'\l"
-  ]
-  N2 -> N3 [
-    color = "#2e3436"
-    fontcolor = "#2e3436"
-    label = "KNOWS\n"
-  ]
-  N3 [
-    label = "name = \'Daniel\'\lage = 54\leyes = \'brown\'\l"
-  ]
-  N4 [
-    label = "eyes = \'blue\'\larray = \[\'one\', \'two\', \'three\'\]\lname = \'Eskil\'\lage = 41\l"
-  ]
-
-----
- 
+image:graph_list_functions.svg[]
 
 [[functions-keys]]
 == keys()