diff --git a/docs/architecture/README.md b/docs/architecture/README.md
new file mode 100644
index 000000000..126358fc8
--- /dev/null
+++ b/docs/architecture/README.md
@@ -0,0 +1,5 @@
+# Table of Contents
+
+## Overview
+
+<img src="./overview.svg" alt="Overview" />
diff --git a/docs/diagrams/overview.d2 b/docs/architecture/overview.d2
similarity index 84%
rename from docs/diagrams/overview.d2
rename to docs/architecture/overview.d2
index 83c199b9e..bc719eb51 100644
--- a/docs/diagrams/overview.d2
+++ b/docs/architecture/overview.d2
@@ -8,6 +8,7 @@ compiler: {
   parse -> AST
   AST: Abstract Syntax Tree {
     shape: oval
+  fill: honeydew
   }
 
   AST -> compile
@@ -16,6 +17,7 @@ compiler: {
 compiler.compile -> graph
 graph: Graph\n(shapes & connections) {
   shape: oval
+  fill: honeydew
 }
 
 graph -> Set Dimensions
@@ -24,14 +26,21 @@ Set Dimensions -> Use given, premeasured dimensions -> measured graph
 
 measured graph: {
   shape: oval
+  fill: honeydew
 }
 
 measured graph -> layout engine -> positioned graph
 
+positioned graph: {
+  shape: oval
+  fill: honeydew
+}
+
 positioned graph -> exporter -> diagram
 
 diagram: finalized diagram (styled) {
   shape: oval
+  fill: honeydew
 }
 
 diagram -> render SVG
@@ -42,6 +51,7 @@ use sketch post processor -> SVG bytes
 
 SVG bytes: {
   shape: oval
+  fill: honeydew
 }
 
 SVG bytes -> screenshot for PNG: optional
diff --git a/docs/diagrams/overview.svg b/docs/architecture/overview.svg
similarity index 98%
rename from docs/diagrams/overview.svg
rename to docs/architecture/overview.svg
index e38ca731a..313fe6542 100644
--- a/docs/diagrams/overview.svg
+++ b/docs/architecture/overview.svg
@@ -3,7 +3,7 @@
 id="d2-svg"
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="2339" height="1707" viewBox="-102 -102 2339 1707"><style type="text/css">
+width="1229" height="1705" viewBox="-102 -102 1229 1705"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -39,8 +39,8 @@ width="2339" height="1707" viewBox="-102 -102 2339 1707"><style type="text/css">
     svgEl.setAttribute("height", height * ratio - 16);
   }
 });
-]]></script><g id="input"><g class="shape" ></g><g transform="translate(127.000000 0.000000)" style="opacity:1.000000"><rect class="shape" width="150" height="38" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">hello&#160;-&gt;&#160;world</text></g></g></g><g id="compiler"><g class="shape" ><rect x="0" y="114" width="404" height="784" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="59.500000" y="147.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">compiler</text></g><g id="graph"><g class="shape" ><ellipse class="shape" cx="202.000000" cy="1040.000000" rx="134.000000" ry="71.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="1035.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="202.000000" dy="0.000000">Graph</tspan><tspan x="202.000000" dy="21.000000">(shapes &amp; connections)</tspan></text></g><g id="measured graph"><g class="shape" ><ellipse class="shape" cx="1081.000000" cy="1260.000000" rx="110.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1081.000000" y="1263.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measured graph</text></g><g id="diagram"><g class="shape" ><ellipse class="shape" cx="1643.000000" cy="756.000000" rx="143.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1643.000000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">finalized diagram (styled)</text></g><g id="SVG bytes"><g class="shape" ><ellipse class="shape" cx="1991.000000" cy="1212.000000" rx="88.000000" ry="63.000000" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1991.000000" y="1215.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">SVG bytes</text></g><g id="Set Dimensions"><g class="shape" ><rect x="95" y="1197" width="214" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="1263.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Set Dimensions</text></g><g id="Use ruler to measure all texts"><g class="shape" ><rect x="486" y="1124" width="335" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="653.500000" y="1190.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Use ruler to measure all texts</text></g><g id="Use given, premeasured dimensions"><g class="shape" ><rect x="486" y="1270" width="335" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="653.500000" y="1336.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Use given, premeasured dimensions</text></g><g id="layout engine"><g class="shape" ><rect x="1256" y="1197" width="201" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1356.500000" y="1263.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">layout engine</text></g><g id="positioned graph"><g class="shape" ><rect x="1244" y="921" width="225" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1356.500000" y="987.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">positioned graph</text></g><g id="exporter"><g class="shape" ><rect x="1272" y="693" width="168" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1356.000000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">exporter</text></g><g id="render SVG"><g class="shape" ><rect x="1899" y="693" width="183" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1990.500000" y="759.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">render SVG</text></g><g id="use sketch post processor"><g class="shape" ><rect x="1847" y="921" width="288" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1991.000000" y="987.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">use sketch post processor</text></g><g id="screenshot for PNG"><g class="shape" ><rect x="1871" y="1377" width="241" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1991.500000" y="1443.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">screenshot for PNG</text></g><g id="compiler.AST"><g class="shape" ><ellipse class="shape" cx="202.000000" cy="506.000000" rx="127.000000" ry="63.000000" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="509.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Abstract Syntax Tree</text></g><g id="compiler.parse"><g class="shape" ><rect x="130" y="189" width="144" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="255.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">parse</text></g><g id="compiler.compile"><g class="shape" ><rect x="121" y="697" width="162" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="763.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">compile</text></g><g id="(input -&gt; compiler.parse)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 202.000000 40.000000 L 202.000000 185.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="compiler.(parse -&gt; AST)[0]"><path d="M 202.000000 317.000000 L 202.000000 439.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="compiler.(AST -&gt; compile)[0]"><path d="M 202.000000 571.000000 L 202.000000 693.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(compiler.compile -&gt; graph)[0]"><path d="M 202.000000 825.000000 L 202.000000 965.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(graph -&gt; Set Dimensions)[0]"><path d="M 202.000000 1113.000000 L 202.000000 1193.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(Set Dimensions -&gt; Use ruler to measure all texts)[0]"><path d="M 311.000000 1260.000000 L 387.000000 1260.000000 S 397.000000 1260.000000 397.000000 1250.000000 L 397.000000 1197.000000 S 397.000000 1187.000000 407.000000 1187.000000 L 482.000000 1187.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(Use ruler to measure all texts -&gt; measured graph)[0]"><path d="M 823.000000 1187.000000 L 886.000000 1187.000000 S 896.000000 1187.000000 896.000000 1197.000000 L 896.000000 1250.000000 S 896.000000 1260.000000 906.000000 1260.000000 L 967.000000 1260.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(Set Dimensions -&gt; Use given, premeasured dimensions)[0]"><path d="M 311.000000 1260.000000 L 387.000000 1260.000000 S 397.000000 1260.000000 397.000000 1270.000000 L 397.000000 1323.000000 S 397.000000 1333.000000 407.000000 1333.000000 L 482.000000 1333.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(Use given, premeasured dimensions -&gt; measured graph)[0]"><path d="M 823.000000 1333.000000 L 886.000000 1333.000000 S 896.000000 1333.000000 896.000000 1323.000000 L 896.000000 1270.000000 S 896.000000 1260.000000 906.000000 1260.000000 L 967.000000 1260.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(measured graph -&gt; layout engine)[0]"><path d="M 1193.000000 1260.000000 L 1252.000000 1260.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(layout engine -&gt; positioned graph)[0]"><path d="M 1356.000000 1195.000000 L 1356.000000 1051.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(positioned graph -&gt; exporter)[0]"><path d="M 1356.000000 919.000000 L 1356.000000 823.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(exporter -&gt; diagram)[0]"><path d="M 1442.000000 756.000000 L 1496.000000 756.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(diagram -&gt; render SVG)[0]"><path d="M 1788.000000 756.000000 L 1895.000000 756.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(render SVG -&gt; use sketch post processor)[0]"><path d="M 1990.000000 821.000000 L 1990.000000 917.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/><text class="text-italic" x="2024.000000" y="876.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">optional</text></g><g id="(use sketch post processor -&gt; SVG bytes)[0]"><path d="M 1991.000000 1049.000000 L 1991.000000 1145.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/></g><g id="(SVG bytes -&gt; screenshot for PNG)[0]"><path d="M 1991.000000 1277.000000 L 1991.000000 1373.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731212949)"/><text class="text-italic" x="2025.000000" y="1332.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">optional</text></g><mask id="731212949" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2339" height="1707">
-<rect x="-100" y="-100" width="2339" height="1707" fill="white"></rect>
+]]></script><g id="input"><g class="shape" ></g><g transform="translate(127.000000 48.000000)"><rect class="shape" width="150" height="38" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">hello&#160;-&gt;&#160;world</text></g></g></g><g id="compiler"><g class="shape" ><rect x="0" y="162" width="404" height="784" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="59.500000" y="195.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">compiler</text></g><g id="graph"><g class="shape" ><ellipse class="shape" cx="202.000000" cy="1088.000000" rx="134.000000" ry="71.000000" style="fill:honeydew;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="1083.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="202.000000" dy="0.000000">Graph</tspan><tspan x="202.000000" dy="21.000000">(shapes &amp; connections)</tspan></text></g><g id="measured graph"><g class="shape" ><ellipse class="shape" cx="883.000000" cy="1365.000000" rx="110.000000" ry="63.000000" style="fill:honeydew;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="883.000000" y="1368.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">measured graph</text></g><g id="positioned graph"><g class="shape" ><ellipse class="shape" cx="882.500000" cy="861.000000" rx="112.500000" ry="63.000000" style="fill:honeydew;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="882.500000" y="864.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">positioned graph</text></g><g id="diagram"><g class="shape" ><ellipse class="shape" cx="882.000000" cy="405.000000" rx="143.000000" ry="63.000000" style="fill:honeydew;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="882.000000" y="408.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">finalized diagram (styled)</text></g><g id="SVG bytes"><g class="shape" ><ellipse class="shape" cx="545.000000" cy="291.000000" rx="88.000000" ry="63.000000" style="fill:honeydew;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="545.000000" y="294.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">SVG bytes</text></g><g id="Set Dimensions"><g class="shape" ><rect x="95" y="1302" width="214" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="1368.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Set Dimensions</text></g><g id="Use ruler to measure all texts"><g class="shape" ><rect x="373" y="1229" width="335" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="540.500000" y="1295.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Use ruler to measure all texts</text></g><g id="Use given, premeasured dimensions"><g class="shape" ><rect x="373" y="1375" width="335" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="540.500000" y="1441.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Use given, premeasured dimensions</text></g><g id="layout engine"><g class="shape" ><rect x="782" y="1026" width="201" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="882.500000" y="1092.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">layout engine</text></g><g id="exporter"><g class="shape" ><rect x="798" y="570" width="168" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="882.000000" y="636.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">exporter</text></g><g id="render SVG"><g class="shape" ><rect x="791" y="114" width="183" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="882.500000" y="180.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">render SVG</text></g><g id="use sketch post processor"><g class="shape" ><rect x="401" y="0" width="288" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="545.000000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">use sketch post processor</text></g><g id="screenshot for PNG"><g class="shape" ><rect x="424" y="456" width="241" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="544.500000" y="522.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">screenshot for PNG</text></g><g id="compiler.AST"><g class="shape" ><ellipse class="shape" cx="202.000000" cy="554.000000" rx="127.000000" ry="63.000000" style="fill:honeydew;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="557.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Abstract Syntax Tree</text></g><g id="compiler.parse"><g class="shape" ><rect x="130" y="237" width="144" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="303.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">parse</text></g><g id="compiler.compile"><g class="shape" ><rect x="121" y="745" width="162" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="811.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">compile</text></g><g id="(input -&gt; compiler.parse)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 202.000000 88.000000 L 202.000000 233.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="compiler.(parse -&gt; AST)[0]"><path d="M 202.000000 365.000000 L 202.000000 487.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="compiler.(AST -&gt; compile)[0]"><path d="M 202.000000 619.000000 L 202.000000 741.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(compiler.compile -&gt; graph)[0]"><path d="M 202.000000 873.000000 L 202.000000 1013.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(graph -&gt; Set Dimensions)[0]"><path d="M 202.000000 1161.000000 L 202.000000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(Set Dimensions -&gt; Use ruler to measure all texts)[0]"><path d="M 311.000000 1365.000000 L 331.000000 1365.000000 S 341.000000 1365.000000 341.000000 1355.000000 L 341.000000 1275.000000 S 341.000000 1265.000000 351.000000 1265.000000 L 369.000000 1265.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(Use ruler to measure all texts -&gt; measured graph)[0]"><path d="M 710.000000 1265.000000 L 730.000000 1265.000000 S 740.000000 1265.000000 740.000000 1275.000000 L 740.000000 1355.000000 S 740.000000 1365.000000 750.000000 1365.000000 L 769.000000 1365.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(Set Dimensions -&gt; Use given, premeasured dimensions)[0]"><path d="M 311.000000 1365.000000 L 331.000000 1365.000000 S 341.000000 1365.000000 341.000000 1375.000000 L 341.000000 1454.000000 S 341.000000 1464.000000 351.000000 1464.000000 L 369.000000 1464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(Use given, premeasured dimensions -&gt; measured graph)[0]"><path d="M 710.000000 1464.000000 L 730.000000 1464.000000 S 740.000000 1464.000000 740.000000 1454.000000 L 740.000000 1375.000000 S 740.000000 1365.000000 750.000000 1365.000000 L 769.000000 1365.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(measured graph -&gt; layout engine)[0]"><path d="M 882.000000 1300.000000 L 882.000000 1156.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(layout engine -&gt; positioned graph)[0]"><path d="M 882.000000 1024.000000 L 882.000000 928.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(positioned graph -&gt; exporter)[0]"><path d="M 882.000000 796.000000 L 882.000000 700.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(exporter -&gt; diagram)[0]"><path d="M 882.000000 568.000000 L 882.000000 472.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(diagram -&gt; render SVG)[0]"><path d="M 882.000000 340.000000 L 882.000000 244.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(render SVG -&gt; use sketch post processor)[0]"><path d="M 882.000000 112.000000 L 882.000000 67.000000 S 882.000000 57.000000 872.000000 57.000000 L 693.000000 57.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/><text class="text-italic" x="814.000000" y="79.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">optional</text></g><g id="(use sketch post processor -&gt; SVG bytes)[0]"><path d="M 545.000000 128.000000 L 545.000000 224.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/></g><g id="(SVG bytes -&gt; screenshot for PNG)[0]"><path d="M 545.000000 356.000000 L 545.000000 452.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2318608627)"/><text class="text-italic" x="579.000000" y="411.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">optional</text></g><mask id="2318608627" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1229" height="1705">
+<rect x="-100" y="-100" width="1229" height="1705" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {