diff --git a/examples/demo01.html b/examples/demo01.html
index c7b557b..8dcb550 100644
--- a/examples/demo01.html
+++ b/examples/demo01.html
@@ -41,6 +41,7 @@
 <g id="node1" class="node">
 <title>X1</title>
 <polygon fill="#ffffff" stroke="black" points="139,-253 0,-253 0,0 139,0 139,-253"/>
+<polygon fill="#ffffff" stroke="transparent" points="0,0 0,-253 139,-253 139,0 0,0"/>
 <polygon fill="none" stroke="black" points="0.5,-229.5 0.5,-252.5 139.5,-252.5 139.5,-229.5 0.5,-229.5"/>
 <text text-anchor="start" x="61" y="-237.3" font-family="arial" font-size="14.00">X1</text>
 <polygon fill="none" stroke="black" points="0.5,-206.5 0.5,-229.5 48.5,-229.5 48.5,-206.5 0.5,-206.5"/>
@@ -162,6 +163,7 @@
 <g id="node2" class="node">
 <title>X2</title>
 <polygon fill="#ffffff" stroke="black" points="825,-254 638,-254 638,-139 825,-139 825,-254"/>
+<polygon fill="#ffffff" stroke="transparent" points="638,-139 638,-254 825,-254 825,-139 638,-139"/>
 <polygon fill="none" stroke="black" points="638.5,-230.5 638.5,-253.5 825.5,-253.5 825.5,-230.5 638.5,-230.5"/>
 <text text-anchor="start" x="723" y="-238.3" font-family="arial" font-size="14.00">X2</text>
 <polygon fill="none" stroke="black" points="638.5,-207.5 638.5,-230.5 734.5,-230.5 734.5,-207.5 638.5,-207.5"/>
diff --git a/examples/demo01.png b/examples/demo01.png
index 75ac333..179147d 100644
Binary files a/examples/demo01.png and b/examples/demo01.png differ
diff --git a/examples/demo01.svg b/examples/demo01.svg
index 7f284b7..03b2a4b 100644
--- a/examples/demo01.svg
+++ b/examples/demo01.svg
@@ -12,6 +12,7 @@
 <g id="node1" class="node">
 <title>X1</title>
 <polygon fill="#ffffff" stroke="black" points="139,-253 0,-253 0,0 139,0 139,-253"/>
+<polygon fill="#ffffff" stroke="transparent" points="0,0 0,-253 139,-253 139,0 0,0"/>
 <polygon fill="none" stroke="black" points="0.5,-229.5 0.5,-252.5 139.5,-252.5 139.5,-229.5 0.5,-229.5"/>
 <text text-anchor="start" x="61" y="-237.3" font-family="arial" font-size="14.00">X1</text>
 <polygon fill="none" stroke="black" points="0.5,-206.5 0.5,-229.5 48.5,-229.5 48.5,-206.5 0.5,-206.5"/>
@@ -133,6 +134,7 @@
 <g id="node2" class="node">
 <title>X2</title>
 <polygon fill="#ffffff" stroke="black" points="825,-254 638,-254 638,-139 825,-139 825,-254"/>
+<polygon fill="#ffffff" stroke="transparent" points="638,-139 638,-254 825,-254 825,-139 638,-139"/>
 <polygon fill="none" stroke="black" points="638.5,-230.5 638.5,-253.5 825.5,-253.5 825.5,-230.5 638.5,-230.5"/>
 <text text-anchor="start" x="723" y="-238.3" font-family="arial" font-size="14.00">X2</text>
 <polygon fill="none" stroke="black" points="638.5,-207.5 638.5,-230.5 734.5,-230.5 734.5,-207.5 638.5,-207.5"/>
diff --git a/examples/demo02.html b/examples/demo02.html
index 1002edd..8fe7c47 100644
--- a/examples/demo02.html
+++ b/examples/demo02.html
@@ -199,6 +199,7 @@
 <g id="node1" class="node">
 <title>X1</title>
 <polygon fill="#ffffff" stroke="black" points="189.5,-517.5 2.5,-517.5 2.5,-287.5 189.5,-287.5 189.5,-517.5"/>
+<polygon fill="#ffffff" stroke="transparent" points="2.5,-287.5 2.5,-517.5 189.5,-517.5 189.5,-287.5 2.5,-287.5"/>
 <polygon fill="none" stroke="black" points="3,-494.5 3,-517.5 190,-517.5 190,-494.5 3,-494.5"/>
 <text text-anchor="start" x="87.5" y="-502.3" font-family="arial" font-size="14.00">X1</text>
 <polygon fill="none" stroke="black" points="3,-471.5 3,-494.5 99,-494.5 99,-471.5 3,-471.5"/>
@@ -445,6 +446,7 @@
 <g id="node2" class="node">
 <title>X2</title>
 <polygon fill="#ffffff" stroke="black" points="874,-726.5 687,-726.5 687,-588.5 874,-588.5 874,-726.5"/>
+<polygon fill="#ffffff" stroke="transparent" points="687,-588.5 687,-726.5 874,-726.5 874,-588.5 687,-588.5"/>
 <polygon fill="none" stroke="black" points="687.5,-703.5 687.5,-726.5 874.5,-726.5 874.5,-703.5 687.5,-703.5"/>
 <text text-anchor="start" x="772" y="-711.3" font-family="arial" font-size="14.00">X2</text>
 <polygon fill="none" stroke="black" points="687.5,-680.5 687.5,-703.5 783.5,-703.5 783.5,-680.5 687.5,-680.5"/>
@@ -474,6 +476,7 @@
 <g id="node3" class="node">
 <title>X3</title>
 <polygon fill="#ffffff" stroke="black" points="874,-518.5 687,-518.5 687,-380.5 874,-380.5 874,-518.5"/>
+<polygon fill="#ffffff" stroke="transparent" points="687,-380.5 687,-518.5 874,-518.5 874,-380.5 687,-380.5"/>
 <polygon fill="none" stroke="black" points="687.5,-495.5 687.5,-518.5 874.5,-518.5 874.5,-495.5 687.5,-495.5"/>
 <text text-anchor="start" x="772" y="-503.3" font-family="arial" font-size="14.00">X3</text>
 <polygon fill="none" stroke="black" points="687.5,-472.5 687.5,-495.5 783.5,-495.5 783.5,-472.5 687.5,-472.5"/>
@@ -503,6 +506,7 @@
 <g id="node4" class="node">
 <title>X4</title>
 <polygon fill="#ffffff" stroke="black" points="874,-322 687,-322 687,-161 874,-161 874,-322"/>
+<polygon fill="#ffffff" stroke="transparent" points="687,-161 687,-322 874,-322 874,-161 687,-161"/>
 <polygon fill="none" stroke="black" points="687.5,-298.5 687.5,-321.5 874.5,-321.5 874.5,-298.5 687.5,-298.5"/>
 <text text-anchor="start" x="772" y="-306.3" font-family="arial" font-size="14.00">X4</text>
 <polygon fill="none" stroke="black" points="687.5,-275.5 687.5,-298.5 783.5,-298.5 783.5,-275.5 687.5,-275.5"/>
@@ -536,6 +540,7 @@
 <g id="node5" class="node">
 <title>AUTOGENERATED_F_1</title>
 <polygon fill="#ffffff" stroke="black" points="192,-70 0,-70 0,-47 192,-47 192,-70"/>
+<polygon fill="#ffffff" stroke="transparent" points="0,-47 0,-70 192,-70 192,-47 0,-47"/>
 <polygon fill="none" stroke="black" points="0,-46.5 0,-69.5 89,-69.5 89,-46.5 0,-46.5"/>
 <text text-anchor="start" x="4" y="-54.3" font-family="arial" font-size="14.00">Crimp ferrule</text>
 <polygon fill="none" stroke="black" points="89,-46.5 89,-69.5 157,-69.5 157,-46.5 89,-46.5"/>
@@ -581,6 +586,7 @@
 <g id="node6" class="node">
 <title>AUTOGENERATED_F_2</title>
 <polygon fill="#ffffff" stroke="black" points="192,-23 0,-23 0,0 192,0 192,-23"/>
+<polygon fill="#ffffff" stroke="transparent" points="0,0 0,-23 192,-23 192,0 0,0"/>
 <polygon fill="none" stroke="black" points="0,0.5 0,-22.5 89,-22.5 89,0.5 0,0.5"/>
 <text text-anchor="start" x="4" y="-7.3" font-family="arial" font-size="14.00">Crimp ferrule</text>
 <polygon fill="none" stroke="black" points="89,0.5 89,-22.5 157,-22.5 157,0.5 89,0.5"/>
diff --git a/examples/demo02.png b/examples/demo02.png
index 6672677..f7dd691 100644
Binary files a/examples/demo02.png and b/examples/demo02.png differ
diff --git a/examples/demo02.svg b/examples/demo02.svg
index a23c9f6..130922b 100644
--- a/examples/demo02.svg
+++ b/examples/demo02.svg
@@ -12,6 +12,7 @@
 <g id="node1" class="node">
 <title>X1</title>
 <polygon fill="#ffffff" stroke="black" points="189.5,-517.5 2.5,-517.5 2.5,-287.5 189.5,-287.5 189.5,-517.5"/>
+<polygon fill="#ffffff" stroke="transparent" points="2.5,-287.5 2.5,-517.5 189.5,-517.5 189.5,-287.5 2.5,-287.5"/>
 <polygon fill="none" stroke="black" points="3,-494.5 3,-517.5 190,-517.5 190,-494.5 3,-494.5"/>
 <text text-anchor="start" x="87.5" y="-502.3" font-family="arial" font-size="14.00">X1</text>
 <polygon fill="none" stroke="black" points="3,-471.5 3,-494.5 99,-494.5 99,-471.5 3,-471.5"/>
@@ -258,6 +259,7 @@
 <g id="node2" class="node">
 <title>X2</title>
 <polygon fill="#ffffff" stroke="black" points="874,-726.5 687,-726.5 687,-588.5 874,-588.5 874,-726.5"/>
+<polygon fill="#ffffff" stroke="transparent" points="687,-588.5 687,-726.5 874,-726.5 874,-588.5 687,-588.5"/>
 <polygon fill="none" stroke="black" points="687.5,-703.5 687.5,-726.5 874.5,-726.5 874.5,-703.5 687.5,-703.5"/>
 <text text-anchor="start" x="772" y="-711.3" font-family="arial" font-size="14.00">X2</text>
 <polygon fill="none" stroke="black" points="687.5,-680.5 687.5,-703.5 783.5,-703.5 783.5,-680.5 687.5,-680.5"/>
@@ -287,6 +289,7 @@
 <g id="node3" class="node">
 <title>X3</title>
 <polygon fill="#ffffff" stroke="black" points="874,-518.5 687,-518.5 687,-380.5 874,-380.5 874,-518.5"/>
+<polygon fill="#ffffff" stroke="transparent" points="687,-380.5 687,-518.5 874,-518.5 874,-380.5 687,-380.5"/>
 <polygon fill="none" stroke="black" points="687.5,-495.5 687.5,-518.5 874.5,-518.5 874.5,-495.5 687.5,-495.5"/>
 <text text-anchor="start" x="772" y="-503.3" font-family="arial" font-size="14.00">X3</text>
 <polygon fill="none" stroke="black" points="687.5,-472.5 687.5,-495.5 783.5,-495.5 783.5,-472.5 687.5,-472.5"/>
@@ -316,6 +319,7 @@
 <g id="node4" class="node">
 <title>X4</title>
 <polygon fill="#ffffff" stroke="black" points="874,-322 687,-322 687,-161 874,-161 874,-322"/>
+<polygon fill="#ffffff" stroke="transparent" points="687,-161 687,-322 874,-322 874,-161 687,-161"/>
 <polygon fill="none" stroke="black" points="687.5,-298.5 687.5,-321.5 874.5,-321.5 874.5,-298.5 687.5,-298.5"/>
 <text text-anchor="start" x="772" y="-306.3" font-family="arial" font-size="14.00">X4</text>
 <polygon fill="none" stroke="black" points="687.5,-275.5 687.5,-298.5 783.5,-298.5 783.5,-275.5 687.5,-275.5"/>
@@ -349,6 +353,7 @@
 <g id="node5" class="node">
 <title>AUTOGENERATED_F_1</title>
 <polygon fill="#ffffff" stroke="black" points="192,-70 0,-70 0,-47 192,-47 192,-70"/>
+<polygon fill="#ffffff" stroke="transparent" points="0,-47 0,-70 192,-70 192,-47 0,-47"/>
 <polygon fill="none" stroke="black" points="0,-46.5 0,-69.5 89,-69.5 89,-46.5 0,-46.5"/>
 <text text-anchor="start" x="4" y="-54.3" font-family="arial" font-size="14.00">Crimp ferrule</text>
 <polygon fill="none" stroke="black" points="89,-46.5 89,-69.5 157,-69.5 157,-46.5 89,-46.5"/>
@@ -394,6 +399,7 @@
 <g id="node6" class="node">
 <title>AUTOGENERATED_F_2</title>
 <polygon fill="#ffffff" stroke="black" points="192,-23 0,-23 0,0 192,0 192,-23"/>
+<polygon fill="#ffffff" stroke="transparent" points="0,0 0,-23 192,-23 192,0 0,0"/>
 <polygon fill="none" stroke="black" points="0,0.5 0,-22.5 89,-22.5 89,0.5 0,0.5"/>
 <text text-anchor="start" x="4" y="-7.3" font-family="arial" font-size="14.00">Crimp ferrule</text>
 <polygon fill="none" stroke="black" points="89,0.5 89,-22.5 157,-22.5 157,0.5 89,0.5"/>