diff --git a/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json b/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
index e0fe6ef2c..1607ab8c2 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
+++ b/e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 0
       },
-      "width": 533,
+      "width": 534,
       "height": 108,
       "opacity": 1,
       "strokeDash": 0,
@@ -28,14 +28,58 @@
       "methods": null,
       "columns": [
         {
-          "name": "short",
-          "type": "loooooooooooooooooooong",
+          "name": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "loooooooooooooooooooong",
-          "type": "short",
+          "name": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -57,10 +101,10 @@
       "id": "table_constrained",
       "type": "sql_table",
       "pos": {
-        "x": 593,
+        "x": 594,
         "y": 0
       },
-      "width": 593,
+      "width": 594,
       "height": 108,
       "opacity": 1,
       "strokeDash": 0,
@@ -80,14 +124,58 @@
       "methods": null,
       "columns": [
         {
-          "name": "short",
-          "type": "loooooooooooooooooooong",
+          "name": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
           "constraint": "unique",
           "reference": ""
         },
         {
-          "name": "loooooooooooooooooooong",
-          "type": "short",
+          "name": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
           "constraint": "foreign_key",
           "reference": ""
         }
diff --git a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg b/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
index 6cd9bba90..789904d74 100644
--- a/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/dagre/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1386" height="308" viewBox="-100 -100 1386 308"><style type="text/css">
+width="1388" height="308" viewBox="-100 -100 1388 308"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,16 +18,16 @@ width="1386" height="308" viewBox="-100 -100 1386 308"><style type="text/css">
 }
 
 ]]>
-</style><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="533" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="533.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
-<text class="text" x="271.906250" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
-<text class="text" x="513.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="533.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
-<text class="text" x="271.906250" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
-<text class="text" x="513.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="533.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="593" y="0" width="593" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="593.000000" y="0.000000" width="593.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="613.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="603.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
-<text class="text" x="864.906250" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
-<text class="text" x="1166.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="593.000000" y1="72.000000" x2="1186.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="603.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
-<text class="text" x="864.906250" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
-<text class="text" x="1166.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="593.000000" y1="108.000000" x2="1186.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="3572639107" maskUnits="userSpaceOnUse" x="0" y="0" width="1386" height="308">
-<rect x="0" y="0" width="1386" height="308" fill="white"></rect>
+</style><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="534" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="534.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
+<text class="text" x="272.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
+<text class="text" x="514.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="534.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
+<text class="text" x="272.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
+<text class="text" x="514.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="534.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="594" y="0" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="614.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
+<text class="text" x="866.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
+<text class="text" x="1168.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="72.000000" x2="1188.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="604.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
+<text class="text" x="866.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
+<text class="text" x="1168.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="594.000000" y1="108.000000" x2="1188.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="1631228640" maskUnits="userSpaceOnUse" x="0" y="0" width="1388" height="308">
+<rect x="0" y="0" width="1388" height="308" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json b/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
index b9694a0fb..e7e2b6741 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
+++ b/e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json
@@ -8,7 +8,7 @@
         "x": 12,
         "y": 12
       },
-      "width": 533,
+      "width": 534,
       "height": 108,
       "opacity": 1,
       "strokeDash": 0,
@@ -28,14 +28,58 @@
       "methods": null,
       "columns": [
         {
-          "name": "short",
-          "type": "loooooooooooooooooooong",
+          "name": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "loooooooooooooooooooong",
-          "type": "short",
+          "name": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -60,7 +104,7 @@
         "x": 566,
         "y": 12
       },
-      "width": 593,
+      "width": 594,
       "height": 108,
       "opacity": 1,
       "strokeDash": 0,
@@ -80,14 +124,58 @@
       "methods": null,
       "columns": [
         {
-          "name": "short",
-          "type": "loooooooooooooooooooong",
+          "name": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
           "constraint": "unique",
           "reference": ""
         },
         {
-          "name": "loooooooooooooooooooong",
-          "type": "short",
+          "name": {
+            "label": "loooooooooooooooooooong",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 242,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "short",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 45,
+            "labelHeight": 26
+          },
           "constraint": "foreign_key",
           "reference": ""
         }
diff --git a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg b/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
index b2fdeea56..49ac9e8f8 100644
--- a/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="1347" height="308" viewBox="-88 -88 1347 308"><style type="text/css">
+width="1348" height="308" viewBox="-88 -88 1348 308"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,16 +18,16 @@ width="1347" height="308" viewBox="-88 -88 1347 308"><style type="text/css">
 }
 
 ]]>
-</style><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="533" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="533.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
-<text class="text" x="283.906250" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
-<text class="text" x="525.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="545.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
-<text class="text" x="283.906250" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
-<text class="text" x="525.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="545.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="593" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="593.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="586.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
-<text class="text" x="837.906250" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
-<text class="text" x="1139.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="84.000000" x2="1159.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="576.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
-<text class="text" x="837.906250" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
-<text class="text" x="1139.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="566.000000" y1="120.000000" x2="1159.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="3602816342" maskUnits="userSpaceOnUse" x="0" y="0" width="1347" height="308">
-<rect x="0" y="0" width="1347" height="308" fill="white"></rect>
+</style><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="534" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="534.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_overflow</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
+<text class="text" x="284.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
+<text class="text" x="526.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="546.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
+<text class="text" x="284.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
+<text class="text" x="526.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="546.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="594.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="586.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">short</text>
+<text class="text" x="838.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">loooooooooooooooooooong</text>
+<text class="text" x="1140.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="84.000000" x2="1160.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="576.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">loooooooooooooooooooong</text>
+<text class="text" x="838.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">short</text>
+<text class="text" x="1140.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;">FK</text><line x1="566.000000" y1="120.000000" x2="1160.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><mask id="1355556118" maskUnits="userSpaceOnUse" x="0" y="0" width="1348" height="308">
+<rect x="0" y="0" width="1348" height="308" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
index 67f7fa537..edd94ad16 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json
@@ -790,7 +790,7 @@
         "x": 4783,
         "y": 150
       },
-      "width": 160,
+      "width": 161,
       "height": 108,
       "opacity": 1,
       "strokeDash": 0,
@@ -810,14 +810,58 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "name",
-          "type": "varchar",
+          "name": {
+            "label": "name",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "varchar",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 64,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -1570,7 +1614,7 @@
           "y": 2728
         },
         {
-          "x": 4863.015625,
+          "x": 4863.5,
           "y": 2728
         }
       ],
@@ -2346,11 +2390,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 4863.015625,
+          "x": 4863.5,
           "y": 258
         },
         {
-          "x": 4863.015625,
+          "x": 4863.5,
           "y": 2858
         }
       ],
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
index b6a0faf1a..d5ef75817 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="5119" height="2984" viewBox="-76 -26 5119 2984"><style type="text/css">
+width="5120" height="2984" viewBox="-76 -26 5120 2984"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -24,12 +24,12 @@ width="5119" height="2984" viewBox="-76 -26 5119 2984"><style type="text/css">
 <text class="text" x="516.000000" y="240.000000" style="text-anchor:start;font-size:20px;fill:black">private() int</text>
 <text class="text" x="707.000000" y="240.000000" style="text-anchor:end;font-size:20px;fill:rgb(13, 50, 178)">void</text></g></g><g id="d"><g class="shape" ><path d="M 805.7565 176.0477 C 805.7565 177.3862 804.5973 178.7245 803.4384 178.7245 C 788.6603 180.3974 777.0695 197.4626 777.0695 218.2083 C 777.0695 240.2925 790.1091 258.0267 806.6259 258.0267 H 918.7662 C 936.4422 258.0267 950.9305 238.954 950.9305 215.8661 C 950.9305 193.7819 937.6009 175.3784 920.7947 174.0401 C 919.6355 174.0401 918.4766 173.0362 918.1868 171.3633 C 914.4197 148.9447 897.0335 132.2142 876.75 132.2142 C 863.4206 132.2142 851.54 139.241 844.0063 150.283 C 843.1369 151.6215 841.6882 151.9562 840.8188 151.6215 C 837.9211 150.283 834.7338 149.6139 831.2565 149.6139 C 817.9269 149.2791 806.9157 160.9904 805.7565 176.0477 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(1016.000000 188.000000)" style="opacity:1.000000"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" font-weight="bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" font-weight="bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" font-weight="bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" font-weight="bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1289 156 C 1289 132 1356.5 132 1364 132 C 1371.5 132 1439 132 1439 156 V 234 C 1439 258 1371.5 258 1364 258 C 1356.5 258 1289 258 1289 234 V 156 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 1289 156 C 1289 180 1356.5 180 1364 180 C 1371.5 180 1439 180 1439 156" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1364.000000" y="210.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1614 258 C 1613.4156 258 1613.026 257.8362 1612.6364 257.5085 L 1539.5844 196.2289 C 1538.8052 195.5735 1538.8052 194.5904 1539.5844 193.935 L 1612.6364 132.4915 C 1613.4156 131.8361 1614.5845 131.8361 1615.3637 132.4915 L 1688.4156 193.9349 C 1689.1948 194.5903 1689.1948 195.5734 1688.4156 196.2288 L 1615.3636 257.5085 C 1614.974 257.8362 1614.5844 258 1614 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1789 240.5231 L 1789 132 L 1939 132 L 1939 240.5231 C 1914 217.2206 1889 217.2206 1864 240.5231 C 1839 263.8256 1814 263.8256 1789 240.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2069.25 132 L 2025 194.9278 L 2069.25 258 L 2157.75 258 L 2202 194.9278 L 2157.75 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2289" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2364.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2614.000000" cy="195.000000" rx="75.000000" ry="63.000000" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2789 132 L 2864 132 L 2864 166 L 2939 166 L 2939 258 L 2789 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3027.5 132 H 3179.1836 C 3180.3544 132 3181.479 132.4563 3182.3189 133.272 L 3198.6353 149.12 C 3199.5077 149.9674 3200 151.1318 3200 152.348 V 257.5 C 3200 257.7761 3199.7761 258 3199.5 258 H 3027.5 C 3027.2239 258 3027 257.7761 3027 257.5 V 132.5 C 3027 132.2239 3027.2239 132 3027.5 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3198.918 258 H 3028.082 C 3027.4328 258 3027 257.5671 3027 256.9178 V 133.0822 C 3027 132.4329 3027.4328 132 3028.082 132 H 3178.3607 C 3179.0099 132 3179.4427 132.4329 3179.4427 133.0822 V 150.1808 C 3179.4427 151.4794 3180.3083 152.5616 3181.823 152.5616 H 3198.918 C 3199.5672 152.5616 3200 152.9945 3200 153.6436 V 256.9178 C 3199 257.5671 3199.5672 258 3198.918 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3301 116 L 3452 116 L 3426 258 L 3275 258 L 3275 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3363.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3363.500000" dy="0.000000">too</tspan><tspan x="3363.500000" dy="21.000000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3689 221 H 3538 V 218.9819 C 3538 194.7648 3554.5813 172.9328 3580.6691 162.4754 C 3566.2987 154.0362 3557.6764 140.2765 3557.6764 125.2326 C 3557.6764 99.7313 3582.6589 79 3613.3895 79 C 3644.1201 79 3669.1025 99.7313 3669.1025 125.2326 C 3669.1025 140.2765 3660.7013 153.8528 3646.1098 162.659 C 3672.1976 173.1164 3688.7789 194.9484 3688.7789 219.1655 V 221.0001 H 3689 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3613.500000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3613.500000" dy="0.000000">single</tspan><tspan x="3613.500000" dy="21.000000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3808 132 H 3919 C 3943 132 3943 188.7 3943 195 C 3943 201.3 3943 258 3919 258 H 3808 C 3784 258 3784 201.3 3784 195 C 3784 188.7 3784 132 3808 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3919 132 C 3895 132 3895 188.7 3895 195 C 3895 201.3 3895 258 3919 258" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3851.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4032" y="95" width="163" height="163" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="4113.500000" y="179.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4260 132 L 4432 132 L 4467 195 L 4432 258 L 4260 258 L 4295 195 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4363.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4554 132 H 4689 C 4684.95 132 4674 166.02 4674 195 C 4674 223.98 4684.95 258 4689 258 H 4554 C 4549.95 258 4539 223.98 4539 195 C 4539 166.02 4549.95 132 4554 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4783" y="150" width="160" height="108" style="fill:#EDF0FD;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="4783.000000" y="150.000000" width="160.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="4803.000000" y="177.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="4793.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="4859.593750" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="4923.000000" y="209.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="222.000000" x2="4943.000000" y2="222.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="4793.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
-<text class="text" x="4859.593750" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">varchar</text>
-<text class="text" x="4923.000000" y="245.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="258.000000" x2="4943.000000" y2="258.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(c -- )[0]"><path d="M 606.500000 260.000000 L 606.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(d -- )[0]"><path d="M 864.000000 260.000000 L 864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(e -- )[0]"><path d="M 1114.000000 260.000000 L 1114.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(f -- )[0]"><path d="M 1364.000000 260.000000 L 1364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(g -- )[0]"><path d="M 1614.000000 260.000000 L 1614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(h -- )[0]"><path d="M 1864.000000 260.000000 L 1864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(i -- )[0]"><path d="M 2113.500000 260.000000 L 2113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(j -- )[0]"><path d="M 2364.000000 265.000000 L 2364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(k -- )[0]"><path d="M 2614.000000 260.000000 L 2614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(l -- )[0]"><path d="M 2864.000000 260.000000 L 2864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(m -- )[0]"><path d="M 3113.500000 260.000000 L 3113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(n -- )[0]"><path d="M 3363.500000 260.000000 L 3363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(o -- )[0]"><path d="M 3613.500000 265.000000 L 3613.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(p -- )[0]"><path d="M 3863.500000 260.000000 L 3863.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(q -- )[0]"><path d="M 4113.500000 260.000000 L 4113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(r -- )[0]"><path d="M 4363.500000 260.000000 L 4363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(s -- )[0]"><path d="M 4614.000000 260.000000 L 4614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(t -- )[0]"><path d="M 4863.015625 260.000000 L 4863.015625 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(a -&gt; b)[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 101.000000 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 602.500000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/><text class="text-italic" x="481.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="590.500000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 608.500000 648.000000 L 860.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(d -&gt; e)[0]"><path d="M 866.000000 778.000000 L 1110.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(e -&gt; f)[0]"><path d="M 1116.000000 908.000000 L 1360.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(f -&gt; g)[0]"><path d="M 1366.000000 1038.000000 L 1610.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(g -&gt; h)[0]"><path d="M 1616.000000 1168.000000 L 1860.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(h -&gt; i)[0]"><path d="M 1866.000000 1298.000000 L 2109.500000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(i -&gt; j)[0]"><path d="M 2115.500000 1428.000000 L 2360.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(j -&gt; k)[0]"><path d="M 2366.000000 1558.000000 L 2610.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(k -&gt; l)[0]"><path d="M 2616.000000 1688.000000 L 2860.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(l -&gt; m)[0]"><path d="M 2866.000000 1818.000000 L 3109.500000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(m -&gt; n)[0]"><path d="M 3115.500000 1948.000000 L 3359.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(n -&gt; o)[0]"><path d="M 3365.500000 2078.000000 L 3609.500000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(o -&gt; p)[0]"><path d="M 3615.500000 2208.000000 L 3859.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(p -&gt; q)[0]"><path d="M 3865.500000 2338.000000 L 4109.500000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(q -&gt; r)[0]"><path d="M 4115.500000 2468.000000 L 4359.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(r -&gt; s)[0]"><path d="M 4365.500000 2598.000000 L 4610.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(s -&gt; t)[0]"><path d="M 4616.000000 2728.000000 L 4859.015625 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><mask id="1747104790" maskUnits="userSpaceOnUse" x="0" y="0" width="5119" height="2984">
-<rect x="0" y="0" width="5119" height="2984" fill="white"></rect>
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" font-weight="bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1289 156 C 1289 132 1356.5 132 1364 132 C 1371.5 132 1439 132 1439 156 V 234 C 1439 258 1371.5 258 1364 258 C 1356.5 258 1289 258 1289 234 V 156 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 1289 156 C 1289 180 1356.5 180 1364 180 C 1371.5 180 1439 180 1439 156" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1364.000000" y="210.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1614 258 C 1613.4156 258 1613.026 257.8362 1612.6364 257.5085 L 1539.5844 196.2289 C 1538.8052 195.5735 1538.8052 194.5904 1539.5844 193.935 L 1612.6364 132.4915 C 1613.4156 131.8361 1614.5845 131.8361 1615.3637 132.4915 L 1688.4156 193.9349 C 1689.1948 194.5903 1689.1948 195.5734 1688.4156 196.2288 L 1615.3636 257.5085 C 1614.974 257.8362 1614.5844 258 1614 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1789 240.5231 L 1789 132 L 1939 132 L 1939 240.5231 C 1914 217.2206 1889 217.2206 1864 240.5231 C 1839 263.8256 1814 263.8256 1789 240.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2069.25 132 L 2025 194.9278 L 2069.25 258 L 2157.75 258 L 2202 194.9278 L 2157.75 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2289" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2364.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2614.000000" cy="195.000000" rx="75.000000" ry="63.000000" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2789 132 L 2864 132 L 2864 166 L 2939 166 L 2939 258 L 2789 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3027.5 132 H 3179.1836 C 3180.3544 132 3181.479 132.4563 3182.3189 133.272 L 3198.6353 149.12 C 3199.5077 149.9674 3200 151.1318 3200 152.348 V 257.5 C 3200 257.7761 3199.7761 258 3199.5 258 H 3027.5 C 3027.2239 258 3027 257.7761 3027 257.5 V 132.5 C 3027 132.2239 3027.2239 132 3027.5 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3198.918 258 H 3028.082 C 3027.4328 258 3027 257.5671 3027 256.9178 V 133.0822 C 3027 132.4329 3027.4328 132 3028.082 132 H 3178.3607 C 3179.0099 132 3179.4427 132.4329 3179.4427 133.0822 V 150.1808 C 3179.4427 151.4794 3180.3083 152.5616 3181.823 152.5616 H 3198.918 C 3199.5672 152.5616 3200 152.9945 3200 153.6436 V 256.9178 C 3199 257.5671 3199.5672 258 3198.918 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3301 116 L 3452 116 L 3426 258 L 3275 258 L 3275 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3363.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3363.500000" dy="0.000000">too</tspan><tspan x="3363.500000" dy="21.000000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3689 221 H 3538 V 218.9819 C 3538 194.7648 3554.5813 172.9328 3580.6691 162.4754 C 3566.2987 154.0362 3557.6764 140.2765 3557.6764 125.2326 C 3557.6764 99.7313 3582.6589 79 3613.3895 79 C 3644.1201 79 3669.1025 99.7313 3669.1025 125.2326 C 3669.1025 140.2765 3660.7013 153.8528 3646.1098 162.659 C 3672.1976 173.1164 3688.7789 194.9484 3688.7789 219.1655 V 221.0001 H 3689 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3613.500000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3613.500000" dy="0.000000">single</tspan><tspan x="3613.500000" dy="21.000000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3808 132 H 3919 C 3943 132 3943 188.7 3943 195 C 3943 201.3 3943 258 3919 258 H 3808 C 3784 258 3784 201.3 3784 195 C 3784 188.7 3784 132 3808 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3919 132 C 3895 132 3895 188.7 3895 195 C 3895 201.3 3895 258 3919 258" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3851.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4032" y="95" width="163" height="163" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="4113.500000" y="179.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4260 132 L 4432 132 L 4467 195 L 4432 258 L 4260 258 L 4295 195 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4363.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4554 132 H 4689 C 4684.95 132 4674 166.02 4674 195 C 4674 223.98 4684.95 258 4689 258 H 4554 C 4549.95 258 4539 223.98 4539 195 C 4539 166.02 4549.95 132 4554 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4783" y="150" width="161" height="108" style="fill:#EDF0FD;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="4783.000000" y="150.000000" width="161.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="4803.000000" y="177.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="4793.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="4860.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="4924.000000" y="209.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="222.000000" x2="4944.000000" y2="222.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="4793.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
+<text class="text" x="4860.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">varchar</text>
+<text class="text" x="4924.000000" y="245.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="258.000000" x2="4944.000000" y2="258.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(c -- )[0]"><path d="M 606.500000 260.000000 L 606.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(d -- )[0]"><path d="M 864.000000 260.000000 L 864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(e -- )[0]"><path d="M 1114.000000 260.000000 L 1114.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(f -- )[0]"><path d="M 1364.000000 260.000000 L 1364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(g -- )[0]"><path d="M 1614.000000 260.000000 L 1614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(h -- )[0]"><path d="M 1864.000000 260.000000 L 1864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(i -- )[0]"><path d="M 2113.500000 260.000000 L 2113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(j -- )[0]"><path d="M 2364.000000 265.000000 L 2364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(k -- )[0]"><path d="M 2614.000000 260.000000 L 2614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(l -- )[0]"><path d="M 2864.000000 260.000000 L 2864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(m -- )[0]"><path d="M 3113.500000 260.000000 L 3113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(n -- )[0]"><path d="M 3363.500000 260.000000 L 3363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(o -- )[0]"><path d="M 3613.500000 265.000000 L 3613.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(p -- )[0]"><path d="M 3863.500000 260.000000 L 3863.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(q -- )[0]"><path d="M 4113.500000 260.000000 L 4113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(r -- )[0]"><path d="M 4363.500000 260.000000 L 4363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(s -- )[0]"><path d="M 4614.000000 260.000000 L 4614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(t -- )[0]"><path d="M 4863.500000 260.000000 L 4863.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(a -&gt; b)[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 101.000000 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 602.500000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/><text class="text-italic" x="481.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="590.500000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 608.500000 648.000000 L 860.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(d -&gt; e)[0]"><path d="M 866.000000 778.000000 L 1110.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(e -&gt; f)[0]"><path d="M 1116.000000 908.000000 L 1360.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(f -&gt; g)[0]"><path d="M 1366.000000 1038.000000 L 1610.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(g -&gt; h)[0]"><path d="M 1616.000000 1168.000000 L 1860.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(h -&gt; i)[0]"><path d="M 1866.000000 1298.000000 L 2109.500000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(i -&gt; j)[0]"><path d="M 2115.500000 1428.000000 L 2360.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(j -&gt; k)[0]"><path d="M 2366.000000 1558.000000 L 2610.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(k -&gt; l)[0]"><path d="M 2616.000000 1688.000000 L 2860.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(l -&gt; m)[0]"><path d="M 2866.000000 1818.000000 L 3109.500000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(m -&gt; n)[0]"><path d="M 3115.500000 1948.000000 L 3359.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(n -&gt; o)[0]"><path d="M 3365.500000 2078.000000 L 3609.500000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(o -&gt; p)[0]"><path d="M 3615.500000 2208.000000 L 3859.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(p -&gt; q)[0]"><path d="M 3865.500000 2338.000000 L 4109.500000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(q -&gt; r)[0]"><path d="M 4115.500000 2468.000000 L 4359.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(r -&gt; s)[0]"><path d="M 4365.500000 2598.000000 L 4610.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(s -&gt; t)[0]"><path d="M 4616.000000 2728.000000 L 4859.500000 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><mask id="1696496633" maskUnits="userSpaceOnUse" x="0" y="0" width="5120" height="2984">
+<rect x="0" y="0" width="5120" height="2984" fill="white"></rect>
 <rect x="124.000000" y="378.000000" width="207" height="21" fill="black"></rect>
 <rect x="468.000000" y="508.000000" width="26" height="21" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
index 67f7fa537..edd94ad16 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json
@@ -790,7 +790,7 @@
         "x": 4783,
         "y": 150
       },
-      "width": 160,
+      "width": 161,
       "height": 108,
       "opacity": 1,
       "strokeDash": 0,
@@ -810,14 +810,58 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "name",
-          "type": "varchar",
+          "name": {
+            "label": "name",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "varchar",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 64,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -1570,7 +1614,7 @@
           "y": 2728
         },
         {
-          "x": 4863.015625,
+          "x": 4863.5,
           "y": 2728
         }
       ],
@@ -2346,11 +2390,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 4863.015625,
+          "x": 4863.5,
           "y": 258
         },
         {
-          "x": 4863.015625,
+          "x": 4863.5,
           "y": 2858
         }
       ],
diff --git a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
index b6a0faf1a..d5ef75817 100644
--- a/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="5119" height="2984" viewBox="-76 -26 5119 2984"><style type="text/css">
+width="5120" height="2984" viewBox="-76 -26 5120 2984"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -24,12 +24,12 @@ width="5119" height="2984" viewBox="-76 -26 5119 2984"><style type="text/css">
 <text class="text" x="516.000000" y="240.000000" style="text-anchor:start;font-size:20px;fill:black">private() int</text>
 <text class="text" x="707.000000" y="240.000000" style="text-anchor:end;font-size:20px;fill:rgb(13, 50, 178)">void</text></g></g><g id="d"><g class="shape" ><path d="M 805.7565 176.0477 C 805.7565 177.3862 804.5973 178.7245 803.4384 178.7245 C 788.6603 180.3974 777.0695 197.4626 777.0695 218.2083 C 777.0695 240.2925 790.1091 258.0267 806.6259 258.0267 H 918.7662 C 936.4422 258.0267 950.9305 238.954 950.9305 215.8661 C 950.9305 193.7819 937.6009 175.3784 920.7947 174.0401 C 919.6355 174.0401 918.4766 173.0362 918.1868 171.3633 C 914.4197 148.9447 897.0335 132.2142 876.75 132.2142 C 863.4206 132.2142 851.54 139.241 844.0063 150.283 C 843.1369 151.6215 841.6882 151.9562 840.8188 151.6215 C 837.9211 150.283 834.7338 149.6139 831.2565 149.6139 C 817.9269 149.2791 806.9157 160.9904 805.7565 176.0477 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloudyyyy</text></g><g id="e"><g class="shape" ></g><g transform="translate(1016.000000 188.000000)" style="opacity:1.000000"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" font-weight="bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
 </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" font-weight="bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" font-weight="bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
-</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" font-weight="bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1289 156 C 1289 132 1356.5 132 1364 132 C 1371.5 132 1439 132 1439 156 V 234 C 1439 258 1371.5 258 1364 258 C 1356.5 258 1289 258 1289 234 V 156 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 1289 156 C 1289 180 1356.5 180 1364 180 C 1371.5 180 1439 180 1439 156" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1364.000000" y="210.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1614 258 C 1613.4156 258 1613.026 257.8362 1612.6364 257.5085 L 1539.5844 196.2289 C 1538.8052 195.5735 1538.8052 194.5904 1539.5844 193.935 L 1612.6364 132.4915 C 1613.4156 131.8361 1614.5845 131.8361 1615.3637 132.4915 L 1688.4156 193.9349 C 1689.1948 194.5903 1689.1948 195.5734 1688.4156 196.2288 L 1615.3636 257.5085 C 1614.974 257.8362 1614.5844 258 1614 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1789 240.5231 L 1789 132 L 1939 132 L 1939 240.5231 C 1914 217.2206 1889 217.2206 1864 240.5231 C 1839 263.8256 1814 263.8256 1789 240.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2069.25 132 L 2025 194.9278 L 2069.25 258 L 2157.75 258 L 2202 194.9278 L 2157.75 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2289" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2364.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2614.000000" cy="195.000000" rx="75.000000" ry="63.000000" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2789 132 L 2864 132 L 2864 166 L 2939 166 L 2939 258 L 2789 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3027.5 132 H 3179.1836 C 3180.3544 132 3181.479 132.4563 3182.3189 133.272 L 3198.6353 149.12 C 3199.5077 149.9674 3200 151.1318 3200 152.348 V 257.5 C 3200 257.7761 3199.7761 258 3199.5 258 H 3027.5 C 3027.2239 258 3027 257.7761 3027 257.5 V 132.5 C 3027 132.2239 3027.2239 132 3027.5 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3198.918 258 H 3028.082 C 3027.4328 258 3027 257.5671 3027 256.9178 V 133.0822 C 3027 132.4329 3027.4328 132 3028.082 132 H 3178.3607 C 3179.0099 132 3179.4427 132.4329 3179.4427 133.0822 V 150.1808 C 3179.4427 151.4794 3180.3083 152.5616 3181.823 152.5616 H 3198.918 C 3199.5672 152.5616 3200 152.9945 3200 153.6436 V 256.9178 C 3199 257.5671 3199.5672 258 3198.918 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3301 116 L 3452 116 L 3426 258 L 3275 258 L 3275 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3363.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3363.500000" dy="0.000000">too</tspan><tspan x="3363.500000" dy="21.000000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3689 221 H 3538 V 218.9819 C 3538 194.7648 3554.5813 172.9328 3580.6691 162.4754 C 3566.2987 154.0362 3557.6764 140.2765 3557.6764 125.2326 C 3557.6764 99.7313 3582.6589 79 3613.3895 79 C 3644.1201 79 3669.1025 99.7313 3669.1025 125.2326 C 3669.1025 140.2765 3660.7013 153.8528 3646.1098 162.659 C 3672.1976 173.1164 3688.7789 194.9484 3688.7789 219.1655 V 221.0001 H 3689 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3613.500000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3613.500000" dy="0.000000">single</tspan><tspan x="3613.500000" dy="21.000000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3808 132 H 3919 C 3943 132 3943 188.7 3943 195 C 3943 201.3 3943 258 3919 258 H 3808 C 3784 258 3784 201.3 3784 195 C 3784 188.7 3784 132 3808 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3919 132 C 3895 132 3895 188.7 3895 195 C 3895 201.3 3895 258 3919 258" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3851.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4032" y="95" width="163" height="163" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="4113.500000" y="179.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4260 132 L 4432 132 L 4467 195 L 4432 258 L 4260 258 L 4295 195 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4363.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4554 132 H 4689 C 4684.95 132 4674 166.02 4674 195 C 4674 223.98 4684.95 258 4689 258 H 4554 C 4549.95 258 4539 223.98 4539 195 C 4539 166.02 4549.95 132 4554 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4783" y="150" width="160" height="108" style="fill:#EDF0FD;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="4783.000000" y="150.000000" width="160.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="4803.000000" y="177.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="4793.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="4859.593750" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="4923.000000" y="209.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="222.000000" x2="4943.000000" y2="222.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="4793.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
-<text class="text" x="4859.593750" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">varchar</text>
-<text class="text" x="4923.000000" y="245.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="258.000000" x2="4943.000000" y2="258.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(c -- )[0]"><path d="M 606.500000 260.000000 L 606.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(d -- )[0]"><path d="M 864.000000 260.000000 L 864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(e -- )[0]"><path d="M 1114.000000 260.000000 L 1114.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(f -- )[0]"><path d="M 1364.000000 260.000000 L 1364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(g -- )[0]"><path d="M 1614.000000 260.000000 L 1614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(h -- )[0]"><path d="M 1864.000000 260.000000 L 1864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(i -- )[0]"><path d="M 2113.500000 260.000000 L 2113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(j -- )[0]"><path d="M 2364.000000 265.000000 L 2364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(k -- )[0]"><path d="M 2614.000000 260.000000 L 2614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(l -- )[0]"><path d="M 2864.000000 260.000000 L 2864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(m -- )[0]"><path d="M 3113.500000 260.000000 L 3113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(n -- )[0]"><path d="M 3363.500000 260.000000 L 3363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(o -- )[0]"><path d="M 3613.500000 265.000000 L 3613.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(p -- )[0]"><path d="M 3863.500000 260.000000 L 3863.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(q -- )[0]"><path d="M 4113.500000 260.000000 L 4113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(r -- )[0]"><path d="M 4363.500000 260.000000 L 4363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(s -- )[0]"><path d="M 4614.000000 260.000000 L 4614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(t -- )[0]"><path d="M 4863.015625 260.000000 L 4863.015625 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1747104790)"/></g><g id="(a -&gt; b)[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 101.000000 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 602.500000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/><text class="text-italic" x="481.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="590.500000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 608.500000 648.000000 L 860.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(d -&gt; e)[0]"><path d="M 866.000000 778.000000 L 1110.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(e -&gt; f)[0]"><path d="M 1116.000000 908.000000 L 1360.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(f -&gt; g)[0]"><path d="M 1366.000000 1038.000000 L 1610.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(g -&gt; h)[0]"><path d="M 1616.000000 1168.000000 L 1860.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(h -&gt; i)[0]"><path d="M 1866.000000 1298.000000 L 2109.500000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(i -&gt; j)[0]"><path d="M 2115.500000 1428.000000 L 2360.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(j -&gt; k)[0]"><path d="M 2366.000000 1558.000000 L 2610.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(k -&gt; l)[0]"><path d="M 2616.000000 1688.000000 L 2860.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(l -&gt; m)[0]"><path d="M 2866.000000 1818.000000 L 3109.500000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(m -&gt; n)[0]"><path d="M 3115.500000 1948.000000 L 3359.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(n -&gt; o)[0]"><path d="M 3365.500000 2078.000000 L 3609.500000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(o -&gt; p)[0]"><path d="M 3615.500000 2208.000000 L 3859.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(p -&gt; q)[0]"><path d="M 3865.500000 2338.000000 L 4109.500000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(q -&gt; r)[0]"><path d="M 4115.500000 2468.000000 L 4359.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(r -&gt; s)[0]"><path d="M 4365.500000 2598.000000 L 4610.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><g id="(s -&gt; t)[0]"><path d="M 4616.000000 2728.000000 L 4859.015625 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1747104790)"/></g><mask id="1747104790" maskUnits="userSpaceOnUse" x="0" y="0" width="5119" height="2984">
-<rect x="0" y="0" width="5119" height="2984" fill="white"></rect>
+</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" font-weight="bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="f"><g class="shape" ><path d="M 1289 156 C 1289 132 1356.5 132 1364 132 C 1371.5 132 1439 132 1439 156 V 234 C 1439 258 1371.5 258 1364 258 C 1356.5 258 1289 258 1289 234 V 156 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 1289 156 C 1289 180 1356.5 180 1364 180 C 1371.5 180 1439 180 1439 156" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1364.000000" y="210.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cyl</text></g><g id="g"><g class="shape" ><path d="M 1614 258 C 1613.4156 258 1613.026 257.8362 1612.6364 257.5085 L 1539.5844 196.2289 C 1538.8052 195.5735 1538.8052 194.5904 1539.5844 193.935 L 1612.6364 132.4915 C 1613.4156 131.8361 1614.5845 131.8361 1615.3637 132.4915 L 1688.4156 193.9349 C 1689.1948 194.5903 1689.1948 195.5734 1688.4156 196.2288 L 1615.3636 257.5085 C 1614.974 257.8362 1614.5844 258 1614 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">dia</text></g><g id="h"><g class="shape" ><path d="M 1789 240.5231 L 1789 132 L 1939 132 L 1939 240.5231 C 1914 217.2206 1889 217.2206 1864 240.5231 C 1839 263.8256 1814 263.8256 1789 240.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="1864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs</text></g><g id="i"><g class="shape" ><path d="M 2069.25 132 L 2025 194.9278 L 2069.25 258 L 2157.75 258 L 2202 194.9278 L 2157.75 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">six corners</text></g><g id="j"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="2289" y="109" width="150" height="128" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2364.000000" y="258.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a random icon</text></g><g id="k"><g class="shape" ><ellipse class="shape" cx="2614.000000" cy="195.000000" rx="75.000000" ry="63.000000" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="2614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">over</text></g><g id="l"><g class="shape" ><path d="M 2789 132 L 2864 132 L 2864 166 L 2939 166 L 2939 258 L 2789 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="2864.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">pack</text></g><g id="m"><g class="shape" ><path d="M 3027.5 132 H 3179.1836 C 3180.3544 132 3181.479 132.4563 3182.3189 133.272 L 3198.6353 149.12 C 3199.5077 149.9674 3200 151.1318 3200 152.348 V 257.5 C 3200 257.7761 3199.7761 258 3199.5 258 H 3027.5 C 3027.2239 258 3027 257.7761 3027 257.5 V 132.5 C 3027 132.2239 3027.2239 132 3027.5 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3198.918 258 H 3028.082 C 3027.4328 258 3027 257.5671 3027 256.9178 V 133.0822 C 3027 132.4329 3027.4328 132 3028.082 132 H 3178.3607 C 3179.0099 132 3179.4427 132.4329 3179.4427 133.0822 V 150.1808 C 3179.4427 151.4794 3180.3083 152.5616 3181.823 152.5616 H 3198.918 C 3199.5672 152.5616 3200 152.9945 3200 153.6436 V 256.9178 C 3199 257.5671 3199.5672 258 3198.918 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3113.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">docs page</text></g><g id="n"><g class="shape" ><path d="M 3301 116 L 3452 116 L 3426 258 L 3275 258 L 3275 258 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3363.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3363.500000" dy="0.000000">too</tspan><tspan x="3363.500000" dy="21.000000">hard&#x9;o say</tspan></text></g><g id="o"><g class="shape" ><path d="M 3689 221 H 3538 V 218.9819 C 3538 194.7648 3554.5813 172.9328 3580.6691 162.4754 C 3566.2987 154.0362 3557.6764 140.2765 3557.6764 125.2326 C 3557.6764 99.7313 3582.6589 79 3613.3895 79 C 3644.1201 79 3669.1025 99.7313 3669.1025 125.2326 C 3669.1025 140.2765 3660.7013 153.8528 3646.1098 162.659 C 3672.1976 173.1164 3688.7789 194.9484 3688.7789 219.1655 V 221.0001 H 3689 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3613.500000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="3613.500000" dy="0.000000">single</tspan><tspan x="3613.500000" dy="21.000000">person</tspan></text></g><g id="p"><g class="shape" ><path d="M 3808 132 H 3919 C 3943 132 3943 188.7 3943 195 C 3943 201.3 3943 258 3919 258 H 3808 C 3784 258 3784 201.3 3784 195 C 3784 188.7 3784 132 3808 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 3919 132 C 3895 132 3895 188.7 3895 195 C 3895 201.3 3895 258 3919 258" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="3851.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a queue</text></g><g id="q"><g class="shape" ><rect x="4032" y="95" width="163" height="163" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="4113.500000" y="179.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a square</text></g><g id="r"><g class="shape" ><path d="M 4260 132 L 4432 132 L 4467 195 L 4432 258 L 4260 258 L 4295 195 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4363.500000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a step at a time</text></g><g id="s"><g class="shape" ><path d="M 4554 132 H 4689 C 4684.95 132 4674 166.02 4674 195 C 4674 223.98 4684.95 258 4689 258 H 4554 C 4549.95 258 4539 223.98 4539 195 C 4539 166.02 4549.95 132 4554 132 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text" x="4614.000000" y="198.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">data</text></g><g id="t"><g class="shape" ><rect class="shape" x="4783" y="150" width="161" height="108" style="fill:#EDF0FD;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="4783.000000" y="150.000000" width="161.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="4803.000000" y="177.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="4793.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="4860.000000" y="209.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="4924.000000" y="209.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="222.000000" x2="4944.000000" y2="222.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="4793.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
+<text class="text" x="4860.000000" y="245.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">varchar</text>
+<text class="text" x="4924.000000" y="245.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="4783.000000" y1="258.000000" x2="4944.000000" y2="258.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(a -- )[0]"><path d="M 99.000000 260.000000 L 99.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(b -- )[0]"><path d="M 356.000000 260.000000 L 356.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(c -- )[0]"><path d="M 606.500000 260.000000 L 606.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(d -- )[0]"><path d="M 864.000000 260.000000 L 864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(e -- )[0]"><path d="M 1114.000000 260.000000 L 1114.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(f -- )[0]"><path d="M 1364.000000 260.000000 L 1364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(g -- )[0]"><path d="M 1614.000000 260.000000 L 1614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(h -- )[0]"><path d="M 1864.000000 260.000000 L 1864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(i -- )[0]"><path d="M 2113.500000 260.000000 L 2113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(j -- )[0]"><path d="M 2364.000000 265.000000 L 2364.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(k -- )[0]"><path d="M 2614.000000 260.000000 L 2614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(l -- )[0]"><path d="M 2864.000000 260.000000 L 2864.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(m -- )[0]"><path d="M 3113.500000 260.000000 L 3113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(n -- )[0]"><path d="M 3363.500000 260.000000 L 3363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(o -- )[0]"><path d="M 3613.500000 265.000000 L 3613.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(p -- )[0]"><path d="M 3863.500000 260.000000 L 3863.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(q -- )[0]"><path d="M 4113.500000 260.000000 L 4113.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(r -- )[0]"><path d="M 4363.500000 260.000000 L 4363.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(s -- )[0]"><path d="M 4614.000000 260.000000 L 4614.000000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(t -- )[0]"><path d="M 4863.500000 260.000000 L 4863.500000 2857.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1696496633)"/></g><g id="(a -&gt; b)[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 101.000000 388.000000 L 352.000000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/><text class="text-italic" x="227.500000" y="394.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">result := callThisFunction(obj, 5)</text></g><g id="(b &lt;-&gt; c)[0]"><marker id="mk-1694268166" markerWidth="24.200000" markerHeight="18.000000" refX="3.950000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="2.750000,9.000000 13.200000,2.250000 24.200000,9.000000 13.200000,15.750000" /> </marker><path d="M 360.000000 518.000000 L 602.500000 518.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-1694268166)" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/><text class="text-italic" x="481.000000" y="524.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">mid</text><text class="text-italic" x="372.000000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">this side</text><text class="text-italic" x="590.500000" y="512.000000" style="text-anchor:middle;font-size:16px;fill:black">other side</text></g><g id="(c -&gt; d)[0]"><path d="M 608.500000 648.000000 L 860.000000 648.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(d -&gt; e)[0]"><path d="M 866.000000 778.000000 L 1110.000000 778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(e -&gt; f)[0]"><path d="M 1116.000000 908.000000 L 1360.000000 908.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(f -&gt; g)[0]"><path d="M 1366.000000 1038.000000 L 1610.000000 1038.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(g -&gt; h)[0]"><path d="M 1616.000000 1168.000000 L 1860.000000 1168.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(h -&gt; i)[0]"><path d="M 1866.000000 1298.000000 L 2109.500000 1298.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(i -&gt; j)[0]"><path d="M 2115.500000 1428.000000 L 2360.000000 1428.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(j -&gt; k)[0]"><path d="M 2366.000000 1558.000000 L 2610.000000 1558.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(k -&gt; l)[0]"><path d="M 2616.000000 1688.000000 L 2860.000000 1688.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(l -&gt; m)[0]"><path d="M 2866.000000 1818.000000 L 3109.500000 1818.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(m -&gt; n)[0]"><path d="M 3115.500000 1948.000000 L 3359.500000 1948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(n -&gt; o)[0]"><path d="M 3365.500000 2078.000000 L 3609.500000 2078.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(o -&gt; p)[0]"><path d="M 3615.500000 2208.000000 L 3859.500000 2208.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(p -&gt; q)[0]"><path d="M 3865.500000 2338.000000 L 4109.500000 2338.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(q -&gt; r)[0]"><path d="M 4115.500000 2468.000000 L 4359.500000 2468.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(r -&gt; s)[0]"><path d="M 4365.500000 2598.000000 L 4610.000000 2598.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><g id="(s -&gt; t)[0]"><path d="M 4616.000000 2728.000000 L 4859.500000 2728.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1696496633)"/></g><mask id="1696496633" maskUnits="userSpaceOnUse" x="0" y="0" width="5120" height="2984">
+<rect x="0" y="0" width="5120" height="2984" fill="white"></rect>
 <rect x="124.000000" y="378.000000" width="207" height="21" fill="black"></rect>
 <rect x="468.000000" y="508.000000" width="26" height="21" fill="black"></rect>
 </mask><style type="text/css"><![CDATA[
diff --git a/e2etests/testdata/stable/sql_tables/dagre/board.exp.json b/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
index 338c7239d..f8005cf0a 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
+++ b/e2etests/testdata/stable/sql_tables/dagre/board.exp.json
@@ -8,7 +8,7 @@
         "x": 0,
         "y": 0
       },
-      "width": 206,
+      "width": 208,
       "height": 216,
       "opacity": 1,
       "strokeDash": 0,
@@ -28,32 +28,142 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": "orders.user_id"
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": {
+            "label": "name",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "email",
-          "type": "string",
+          "name": {
+            "label": "email",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "password",
-          "type": "string",
+          "name": {
+            "label": "password",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 80,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "last_login",
-          "type": "datetime",
+          "name": {
+            "label": "last_login",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 81,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "datetime",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 77,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -75,10 +185,10 @@
       "id": "products",
       "type": "sql_table",
       "pos": {
-        "x": 266,
+        "x": 268,
         "y": 18
       },
-      "width": 163,
+      "width": 164,
       "height": 180,
       "opacity": 1,
       "strokeDash": 0,
@@ -98,26 +208,114 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": "orders.product_id"
         },
         {
-          "name": "price",
-          "type": "decimal",
+          "name": {
+            "label": "price",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 42,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "decimal",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 67,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "sku",
-          "type": "string",
+          "name": {
+            "label": "sku",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": {
+            "label": "name",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -139,10 +337,10 @@
       "id": "orders",
       "type": "sql_table",
       "pos": {
-        "x": 266,
+        "x": 268,
         "y": 316
       },
-      "width": 163,
+      "width": 164,
       "height": 144,
       "opacity": 1,
       "strokeDash": 0,
@@ -162,20 +360,86 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "user_id",
-          "type": "int",
+          "name": {
+            "label": "user_id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 61,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "product_id",
-          "type": "int",
+          "name": {
+            "label": "product_id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 91,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -197,10 +461,10 @@
       "id": "shipments",
       "type": "sql_table",
       "pos": {
-        "x": 489,
+        "x": 492,
         "y": 18
       },
-      "width": 243,
+      "width": 244,
       "height": 180,
       "opacity": 1,
       "strokeDash": 0,
@@ -220,26 +484,114 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "order_id",
-          "type": "int",
+          "name": {
+            "label": "order_id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 71,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": "orders.id"
         },
         {
-          "name": "tracking_number",
-          "type": "string",
+          "name": {
+            "label": "tracking_number",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 146,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "status",
-          "type": "string",
+          "name": {
+            "label": "status",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 51,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -285,19 +637,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 103,
+          "x": 104,
           "y": 216
         },
         {
-          "x": 103,
+          "x": 104,
           "y": 256
         },
         {
-          "x": 135.6,
+          "x": 136.8,
           "y": 282.2
         },
         {
-          "x": 266,
+          "x": 268,
           "y": 347
         }
       ],
@@ -333,19 +685,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 347.5,
+          "x": 350,
           "y": 198
         },
         {
-          "x": 347.5,
+          "x": 350,
           "y": 252.4
         },
         {
-          "x": 347.5,
+          "x": 350,
           "y": 276
         },
         {
-          "x": 347.5,
+          "x": 350,
           "y": 316
         }
       ],
@@ -381,19 +733,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 610.5,
+          "x": 614,
           "y": 198
         },
         {
-          "x": 610.5,
+          "x": 614,
           "y": 252.4
         },
         {
-          "x": 574.1,
+          "x": 577.6,
           "y": 282.8
         },
         {
-          "x": 428.5,
+          "x": 432,
           "y": 350
         }
       ],
diff --git a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
index e96b2926d..da45fa870 100644
--- a/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="932" height="660" viewBox="-100 -100 932 660"><style type="text/css">
+width="936" height="660" viewBox="-100 -100 936 660"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,40 +18,40 @@ width="932" height="660" viewBox="-100 -100 932 660"><style type="text/css">
 }
 
 ]]>
-</style><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="206" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="206.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="110.250000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="186.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="206.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
-<text class="text" x="110.250000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="186.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="206.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
-<text class="text" x="110.250000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="186.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="144.000000" x2="206.000000" y2="144.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
-<text class="text" x="110.250000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="186.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="180.000000" x2="206.000000" y2="180.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
-<text class="text" x="110.250000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
-<text class="text" x="186.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="216.000000" x2="206.000000" y2="216.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="266" y="18" width="163" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="266.000000" y="18.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="286.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="276.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="342.593750" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="409.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="90.000000" x2="429.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
-<text class="text" x="342.593750" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
-<text class="text" x="409.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="126.000000" x2="429.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
-<text class="text" x="342.593750" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="409.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="162.000000" x2="429.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
-<text class="text" x="342.593750" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="409.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="198.000000" x2="429.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="266" y="316" width="163" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="266.000000" y="316.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="286.000000" y="343.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="276.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="386.656250" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="409.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="388.000000" x2="429.000000" y2="388.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
-<text class="text" x="386.656250" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="409.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="424.000000" x2="429.000000" y2="424.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="276.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
-<text class="text" x="386.656250" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="409.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="266.000000" y1="460.000000" x2="429.000000" y2="460.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="489" y="18" width="243" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="489.000000" y="18.000000" width="243.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="509.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="499.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="664.125000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="712.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="90.000000" x2="732.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="499.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
-<text class="text" x="664.125000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="712.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="126.000000" x2="732.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="499.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
-<text class="text" x="664.125000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="712.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="162.000000" x2="732.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="499.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
-<text class="text" x="664.125000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="712.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="489.000000" y1="198.000000" x2="732.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><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 103.000000 220.000000 C 103.000000 256.000000 135.600000 282.200000 262.417907 345.219941" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#313878992)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 347.500000 202.000000 C 347.500000 252.400000 347.500000 276.000000 347.500000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#313878992)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 610.500000 202.000000 C 610.500000 252.400000 574.100000 282.800000 432.131838 348.323767" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#313878992)"/></g><mask id="313878992" maskUnits="userSpaceOnUse" x="0" y="0" width="932" height="660">
-<rect x="0" y="0" width="932" height="660" fill="white"></rect>
+</style><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="208" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="208.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="20.000000" y="27.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="111.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="188.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="208.000000" y2="72.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
+<text class="text" x="111.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="188.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="208.000000" y2="108.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
+<text class="text" x="111.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="188.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="144.000000" x2="208.000000" y2="144.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
+<text class="text" x="111.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="188.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="180.000000" x2="208.000000" y2="180.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
+<text class="text" x="111.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
+<text class="text" x="188.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="0.000000" y1="216.000000" x2="208.000000" y2="216.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="268" y="18" width="164" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="268.000000" y="18.000000" width="164.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="288.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="278.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="345.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="412.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="90.000000" x2="432.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="278.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
+<text class="text" x="345.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
+<text class="text" x="412.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="126.000000" x2="432.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="278.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
+<text class="text" x="345.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="412.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="162.000000" x2="432.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="278.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
+<text class="text" x="345.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="412.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="198.000000" x2="432.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="268" y="316" width="164" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="268.000000" y="316.000000" width="164.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="288.000000" y="343.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="278.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="389.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="412.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="388.000000" x2="432.000000" y2="388.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="278.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
+<text class="text" x="389.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="412.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="424.000000" x2="432.000000" y2="424.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="278.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
+<text class="text" x="389.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="412.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="268.000000" y1="460.000000" x2="432.000000" y2="460.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="492" y="18" width="244" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="492.000000" y="18.000000" width="244.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="512.000000" y="45.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="502.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="668.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="716.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="492.000000" y1="90.000000" x2="736.000000" y2="90.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="502.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
+<text class="text" x="668.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="716.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="492.000000" y1="126.000000" x2="736.000000" y2="126.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="502.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
+<text class="text" x="668.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="716.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="492.000000" y1="162.000000" x2="736.000000" y2="162.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="502.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
+<text class="text" x="668.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="716.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="492.000000" y1="198.000000" x2="736.000000" y2="198.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><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 104.000000 220.000000 C 104.000000 256.000000 136.800000 282.200000 264.413587 345.228662" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3490208275)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 350.000000 202.000000 C 350.000000 252.400000 350.000000 276.000000 350.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3490208275)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 614.000000 202.000000 C 614.000000 252.400000 577.600000 282.800000 435.631838 348.323767" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3490208275)"/></g><mask id="3490208275" maskUnits="userSpaceOnUse" x="0" y="0" width="936" height="660">
+<rect x="0" y="0" width="936" height="660" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/e2etests/testdata/stable/sql_tables/elk/board.exp.json b/e2etests/testdata/stable/sql_tables/elk/board.exp.json
index 680fb58ac..e4f2be424 100644
--- a/e2etests/testdata/stable/sql_tables/elk/board.exp.json
+++ b/e2etests/testdata/stable/sql_tables/elk/board.exp.json
@@ -5,10 +5,10 @@
       "id": "users",
       "type": "sql_table",
       "pos": {
-        "x": 458,
+        "x": 460,
         "y": 12
       },
-      "width": 206,
+      "width": 208,
       "height": 216,
       "opacity": 1,
       "strokeDash": 0,
@@ -28,32 +28,142 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": "orders.user_id"
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": {
+            "label": "name",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "email",
-          "type": "string",
+          "name": {
+            "label": "email",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "password",
-          "type": "string",
+          "name": {
+            "label": "password",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 80,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "last_login",
-          "type": "datetime",
+          "name": {
+            "label": "last_login",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 81,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "datetime",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 77,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -75,10 +185,10 @@
       "id": "products",
       "type": "sql_table",
       "pos": {
-        "x": 275,
+        "x": 276,
         "y": 48
       },
-      "width": 163,
+      "width": 164,
       "height": 180,
       "opacity": 1,
       "strokeDash": 0,
@@ -98,26 +208,114 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": "orders.product_id"
         },
         {
-          "name": "price",
-          "type": "decimal",
+          "name": {
+            "label": "price",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 42,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "decimal",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 67,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "sku",
-          "type": "string",
+          "name": {
+            "label": "sku",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 29,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "name",
-          "type": "string",
+          "name": {
+            "label": "name",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 47,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -139,10 +337,10 @@
       "id": "orders",
       "type": "sql_table",
       "pos": {
-        "x": 275,
+        "x": 276,
         "y": 328
       },
-      "width": 163,
+      "width": 164,
       "height": 144,
       "opacity": 1,
       "strokeDash": 0,
@@ -162,20 +360,86 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "user_id",
-          "type": "int",
+          "name": {
+            "label": "user_id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 61,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "product_id",
-          "type": "int",
+          "name": {
+            "label": "product_id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 91,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -200,7 +464,7 @@
         "x": 12,
         "y": 48
       },
-      "width": 243,
+      "width": 244,
       "height": 180,
       "opacity": 1,
       "strokeDash": 0,
@@ -220,26 +484,114 @@
       "methods": null,
       "columns": [
         {
-          "name": "id",
-          "type": "int",
+          "name": {
+            "label": "id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 15,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "order_id",
-          "type": "int",
+          "name": {
+            "label": "order_id",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 71,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "int",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 23,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": "orders.id"
         },
         {
-          "name": "tracking_number",
-          "type": "string",
+          "name": {
+            "label": "tracking_number",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 146,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         },
         {
-          "name": "status",
-          "type": "string",
+          "name": {
+            "label": "status",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 51,
+            "labelHeight": 26
+          },
+          "type": {
+            "label": "string",
+            "fontSize": 0,
+            "fontFamily": "",
+            "language": "",
+            "color": "",
+            "italic": false,
+            "bold": false,
+            "underline": false,
+            "labelWidth": 48,
+            "labelHeight": 26
+          },
           "constraint": "",
           "reference": ""
         }
@@ -285,19 +637,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 561.5625,
+          "x": 564,
           "y": 228
         },
         {
-          "x": 561.5625,
+          "x": 564,
           "y": 278
         },
         {
-          "x": 397.59765625,
+          "x": 399,
           "y": 278
         },
         {
-          "x": 397.59765625,
+          "x": 399,
           "y": 328
         }
       ],
@@ -332,11 +684,11 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 356.71875,
+          "x": 358,
           "y": 228
         },
         {
-          "x": 356.71875,
+          "x": 358,
           "y": 328
         }
       ],
@@ -371,19 +723,19 @@
       "labelPercentage": 0,
       "route": [
         {
-          "x": 133.53125,
+          "x": 134,
           "y": 228
         },
         {
-          "x": 133.53125,
+          "x": 134,
           "y": 278
         },
         {
-          "x": 315.83984375,
+          "x": 317,
           "y": 278
         },
         {
-          "x": 315.83984375,
+          "x": 317,
           "y": 328
         }
       ],
diff --git a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
index 4cac70644..80547c3a0 100644
--- a/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg
@@ -2,7 +2,7 @@
 <svg
 style="background: white;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-width="852" height="660" viewBox="-88 -88 852 660"><style type="text/css">
+width="856" height="660" viewBox="-88 -88 856 660"><style type="text/css">
 <![CDATA[
 .shape {
   shape-rendering: geometricPrecision;
@@ -18,40 +18,40 @@ width="852" height="660" viewBox="-88 -88 852 660"><style type="text/css">
 }
 
 ]]>
-</style><g id="users"><g class="shape" ><rect class="shape" x="458" y="12" width="206" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="458.000000" y="12.000000" width="206.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="478.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="468.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="568.250000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="644.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="84.000000" x2="664.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
-<text class="text" x="568.250000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="644.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="120.000000" x2="664.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
-<text class="text" x="568.250000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="644.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="156.000000" x2="664.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
-<text class="text" x="568.250000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="644.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="192.000000" x2="664.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="468.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
-<text class="text" x="568.250000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
-<text class="text" x="644.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="458.000000" y1="228.000000" x2="664.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="275" y="48" width="163" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="275.000000" y="48.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="295.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="285.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="351.593750" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="418.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="120.000000" x2="438.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
-<text class="text" x="351.593750" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
-<text class="text" x="418.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="156.000000" x2="438.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
-<text class="text" x="351.593750" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="418.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="192.000000" x2="438.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
-<text class="text" x="351.593750" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="418.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="228.000000" x2="438.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="275" y="328" width="163" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="275.000000" y="328.000000" width="163.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="295.000000" y="355.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="285.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="395.656250" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="418.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="400.000000" x2="438.000000" y2="400.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
-<text class="text" x="395.656250" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="418.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="436.000000" x2="438.000000" y2="436.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="285.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
-<text class="text" x="395.656250" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="418.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="275.000000" y1="472.000000" x2="438.000000" y2="472.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="12" y="48" width="243" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="48.000000" width="243.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
-<text class="text" x="187.125000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="235.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="255.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
-<text class="text" x="187.125000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
-<text class="text" x="235.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="255.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
-<text class="text" x="187.125000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="235.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="255.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
-<text class="text" x="187.125000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
-<text class="text" x="235.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="228.000000" x2="255.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><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 561.562500 232.000000 L 561.562500 268.000000 S 561.562500 278.000000 551.562500 278.000000 L 407.597656 278.000000 S 397.597656 278.000000 397.597656 288.000000 L 397.597656 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2536742687)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 356.718750 232.000000 L 356.718750 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2536742687)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 133.531250 232.000000 L 133.531250 268.000000 S 133.531250 278.000000 143.531250 278.000000 L 305.839844 278.000000 S 315.839844 278.000000 315.839844 288.000000 L 315.839844 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2536742687)"/></g><mask id="2536742687" maskUnits="userSpaceOnUse" x="0" y="0" width="852" height="660">
-<rect x="0" y="0" width="852" height="660" fill="white"></rect>
+</style><g id="users"><g class="shape" ><rect class="shape" x="460" y="12" width="208" height="216" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="460.000000" y="12.000000" width="208.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="480.000000" y="39.000000" style="text-anchor:start;font-size:24px;fill:white">users</text><text class="text" x="470.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="571.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="648.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="460.000000" y1="84.000000" x2="668.000000" y2="84.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="470.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
+<text class="text" x="571.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="648.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="460.000000" y1="120.000000" x2="668.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="470.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">email</text>
+<text class="text" x="571.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="648.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="460.000000" y1="156.000000" x2="668.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="470.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">password</text>
+<text class="text" x="571.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="648.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="460.000000" y1="192.000000" x2="668.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="470.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">last_login</text>
+<text class="text" x="571.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">datetime</text>
+<text class="text" x="648.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="460.000000" y1="228.000000" x2="668.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="276" y="48" width="164" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="276.000000" y="48.000000" width="164.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="296.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">products</text><text class="text" x="286.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="353.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="420.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="120.000000" x2="440.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="286.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">price</text>
+<text class="text" x="353.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">decimal</text>
+<text class="text" x="420.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="156.000000" x2="440.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="286.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">sku</text>
+<text class="text" x="353.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="420.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="192.000000" x2="440.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="286.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">name</text>
+<text class="text" x="353.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="420.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="228.000000" x2="440.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="276" y="328" width="164" height="144" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="276.000000" y="328.000000" width="164.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="296.000000" y="355.000000" style="text-anchor:start;font-size:24px;fill:white">orders</text><text class="text" x="286.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="397.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="420.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="400.000000" x2="440.000000" y2="400.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="286.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">user_id</text>
+<text class="text" x="397.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="420.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="436.000000" x2="440.000000" y2="436.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="286.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">product_id</text>
+<text class="text" x="397.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="420.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="276.000000" y1="472.000000" x2="440.000000" y2="472.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="12" y="48" width="244" height="180" style="fill:#FFFFFF;stroke:#0A0F25;opacity:1.000000;stroke-width:2;"/><rect class="class_header" x="12.000000" y="48.000000" width="244.000000" height="36.000000" fill="#0a0f25" /><text class="text" x="32.000000" y="75.000000" style="text-anchor:start;font-size:24px;fill:white">shipments</text><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">id</text>
+<text class="text" x="188.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="236.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="256.000000" y2="120.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">order_id</text>
+<text class="text" x="188.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">int</text>
+<text class="text" x="236.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="256.000000" y2="156.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">tracking_number</text>
+<text class="text" x="188.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="236.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="256.000000" y2="192.000000" style="stroke-width:2;stroke:#0a0f25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(13, 50, 178)">status</text>
+<text class="text" x="188.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:rgb(103, 108, 126)">string</text>
+<text class="text" x="236.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:rgb(74, 111, 243);letter-spacing:2px;"></text><line x1="12.000000" y1="228.000000" x2="256.000000" y2="228.000000" style="stroke-width:2;stroke:#0a0f25" /></g></g><g id="(users &lt;-&gt; orders)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><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 564.000000 232.000000 L 564.000000 268.000000 S 564.000000 278.000000 554.000000 278.000000 L 409.000000 278.000000 S 399.000000 278.000000 399.000000 288.000000 L 399.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2570056002)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 358.000000 232.000000 L 358.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2570056002)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 134.000000 232.000000 L 134.000000 268.000000 S 134.000000 278.000000 144.000000 278.000000 L 307.000000 278.000000 S 317.000000 278.000000 317.000000 288.000000 L 317.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2570056002)"/></g><mask id="2570056002" maskUnits="userSpaceOnUse" x="0" y="0" width="856" height="660">
+<rect x="0" y="0" width="856" height="660" fill="white"></rect>
 
 </mask><style type="text/css"><![CDATA[
 .text {
diff --git a/testdata/d2compiler/TestCompile/edge_column_index.exp.json b/testdata/d2compiler/TestCompile/edge_column_index.exp.json
index 94b0fcd6c..dfce11a30 100644
--- a/testdata/d2compiler/TestCompile/edge_column_index.exp.json
+++ b/testdata/d2compiler/TestCompile/edge_column_index.exp.json
@@ -450,14 +450,58 @@
         "sql_table": {
           "columns": [
             {
-              "name": "id",
-              "type": "int",
+              "name": {
+                "label": "id",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "int",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             },
             {
-              "name": "dst_id",
-              "type": "int",
+              "name": {
+                "label": "dst_id",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "int",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
@@ -541,14 +585,58 @@
         "sql_table": {
           "columns": [
             {
-              "name": "id",
-              "type": "int",
+              "name": {
+                "label": "id",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "int",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": "src.dst_id"
             },
             {
-              "name": "name",
-              "type": "string",
+              "name": {
+                "label": "name",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "string",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
diff --git a/testdata/d2compiler/TestCompile/edge_in_column.exp.json b/testdata/d2compiler/TestCompile/edge_in_column.exp.json
index 900e626a5..31e84a1ff 100644
--- a/testdata/d2compiler/TestCompile/edge_in_column.exp.json
+++ b/testdata/d2compiler/TestCompile/edge_in_column.exp.json
@@ -198,8 +198,30 @@
         "sql_table": {
           "columns": [
             {
-              "name": "x",
-              "type": "",
+              "name": {
+                "label": "x",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
diff --git a/testdata/d2compiler/TestCompile/nested_sql.exp.json b/testdata/d2compiler/TestCompile/nested_sql.exp.json
index 21154c301..dd1918024 100644
--- a/testdata/d2compiler/TestCompile/nested_sql.exp.json
+++ b/testdata/d2compiler/TestCompile/nested_sql.exp.json
@@ -262,14 +262,58 @@
         "sql_table": {
           "columns": [
             {
-              "name": "GetType()",
-              "type": "string",
+              "name": {
+                "label": "GetType()",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "string",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             },
             {
-              "name": "Is()",
-              "type": "bool",
+              "name": {
+                "label": "Is()",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "bool",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
diff --git a/testdata/d2compiler/TestCompile/sql_paren.exp.json b/testdata/d2compiler/TestCompile/sql_paren.exp.json
index 5c8c75ed9..dcdafdd49 100644
--- a/testdata/d2compiler/TestCompile/sql_paren.exp.json
+++ b/testdata/d2compiler/TestCompile/sql_paren.exp.json
@@ -199,14 +199,58 @@
         "sql_table": {
           "columns": [
             {
-              "name": "GetType()",
-              "type": "string",
+              "name": {
+                "label": "GetType()",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "string",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             },
             {
-              "name": "Is()",
-              "type": "bool",
+              "name": {
+                "label": "Is()",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "bool",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
diff --git a/testdata/d2compiler/TestCompile/table_style.exp.json b/testdata/d2compiler/TestCompile/table_style.exp.json
index 79e1ea440..13a473c88 100644
--- a/testdata/d2compiler/TestCompile/table_style.exp.json
+++ b/testdata/d2compiler/TestCompile/table_style.exp.json
@@ -196,8 +196,30 @@
         "sql_table": {
           "columns": [
             {
-              "name": "GetType()",
-              "type": "string",
+              "name": {
+                "label": "GetType()",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "string",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
diff --git a/testdata/d2compiler/TestCompile/table_style_map.exp.json b/testdata/d2compiler/TestCompile/table_style_map.exp.json
index 2c8260d32..e08c9246f 100644
--- a/testdata/d2compiler/TestCompile/table_style_map.exp.json
+++ b/testdata/d2compiler/TestCompile/table_style_map.exp.json
@@ -247,8 +247,30 @@
         "sql_table": {
           "columns": [
             {
-              "name": "GetType()",
-              "type": "string",
+              "name": {
+                "label": "GetType()",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "string",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "",
               "reference": ""
             }
diff --git a/testdata/d2oracle/TestDelete/shape_sql_table.exp.json b/testdata/d2oracle/TestDelete/shape_sql_table.exp.json
index 535b3a08e..7faedbefb 100644
--- a/testdata/d2oracle/TestDelete/shape_sql_table.exp.json
+++ b/testdata/d2oracle/TestDelete/shape_sql_table.exp.json
@@ -431,8 +431,30 @@
         "sql_table": {
           "columns": [
             {
-              "name": "id",
-              "type": "int",
+              "name": {
+                "label": "id",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
+              "type": {
+                "label": "int",
+                "fontSize": 0,
+                "fontFamily": "",
+                "language": "",
+                "color": "",
+                "italic": false,
+                "bold": false,
+                "underline": false,
+                "labelWidth": 0,
+                "labelHeight": 0
+              },
               "constraint": "primary_key",
               "reference": ""
             }