diff --git a/src/examples/2_shapes/render/mermaid_dagre.svg b/src/examples/2_shapes/render/mermaid_dagre.svg
index 21acb81..231c861 100644
--- a/src/examples/2_shapes/render/mermaid_dagre.svg
+++ b/src/examples/2_shapes/render/mermaid_dagre.svg
@@ -1 +1 @@
-<svg viewBox="-8.000003814697266 -8 663.4244384765625 407.4609375" style="max-width: 663.424px; background-color: white;" aria-labelledby="chart-title-mermaid-1670926759632 chart-desc-mermaid-1670926759632" role="img" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-1670926759632"><title id="chart-title-mermaid-1670926759632"/><desc id="chart-desc-mermaid-1670926759632"/><style>#mermaid-1670926759632 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-1670926759632 .error-icon{fill:#552222;}#mermaid-1670926759632 .error-text{fill:#552222;stroke:#552222;}#mermaid-1670926759632 .edge-thickness-normal{stroke-width:2px;}#mermaid-1670926759632 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1670926759632 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1670926759632 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1670926759632 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1670926759632 .marker{fill:#333333;stroke:#333333;}#mermaid-1670926759632 .marker.cross{stroke:#333333;}#mermaid-1670926759632 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1670926759632 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-1670926759632 .cluster-label text{fill:#333;}#mermaid-1670926759632 .cluster-label span{color:#333;}#mermaid-1670926759632 .label text,#mermaid-1670926759632 span{fill:#333;color:#333;}#mermaid-1670926759632 .node rect,#mermaid-1670926759632 .node circle,#mermaid-1670926759632 .node ellipse,#mermaid-1670926759632 .node polygon,#mermaid-1670926759632 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-1670926759632 .node .label{text-align:center;}#mermaid-1670926759632 .node.clickable{cursor:pointer;}#mermaid-1670926759632 .arrowheadPath{fill:#333333;}#mermaid-1670926759632 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-1670926759632 .flowchart-link{stroke:#333333;fill:none;}#mermaid-1670926759632 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-1670926759632 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-1670926759632 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-1670926759632 .cluster text{fill:#333;}#mermaid-1670926759632 .cluster span{color:#333;}#mermaid-1670926759632 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1670926759632 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-parse LE-compile" id="L-parse-compile-0" d="M47.522132873535156,129.48046875L47.43879954020182,149.47721354166666C47.35546620686849,169.47395833333334,47.18879954020182,209.46744791666666,47.18879954020182,233.71419270833334C47.18879954020182,257.9609375,47.35546620686849,266.4609375,47.43879954020182,270.7109375L47.522132873535156,274.9609375"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-compile LE-export" id="L-compile-export-0" d="M47.522132873535156,308.4609375L47.43879954020182,312.5442708333333C47.35546620686849,316.6276041666667,47.18879954020182,324.7942708333333,47.18879954020182,333.1276041666667C47.18879954020182,341.4609375,47.35546620686849,349.9609375,47.43879954020182,354.2109375L47.522132873535156,358.4609375"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M319.75780487060547,129.48046874999997L319.67447153727215,149.47721354166666C319.5911382039388,169.47395833333331,319.42447153727215,209.46744791666666,319.42447153727215,233.71419270833334C319.42447153727215,257.9609375,319.59113820393884,266.46093749999994,319.67447153727215,270.71093749999994L319.7578048706055,274.96093749999994"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(47.022132873535156, 112.23046875)" id="flowchart-parse-24" class="node default default"><polygon style="" transform="translate(-26.87109375,16.75)" class="label-container" points="-11.166666666666666,0 48.158854166666664,0 64.90885416666667,-33.5 5.583333333333333,-33.5"/><g transform="translate(-19.37109375, -9.25)" style="" class="label"><foreignObject height="18.5" width="38.7421875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">parse</span></div></foreignObject></g></g><g transform="translate(47.022132873535156, 291.2109375)" id="flowchart-compile-25" class="node default default"><polygon style="" transform="translate(-35.85546875,16.75)" class="label-container" points="-11.166666666666666,0 66.12760416666667,0 82.87760416666667,-33.5 5.583333333333333,-33.5"/><g transform="translate(-28.35546875, -9.25)" style="" class="label"><foreignObject height="18.5" width="56.7109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">compile</span></div></foreignObject></g></g><g transform="translate(47.022132873535156, 374.7109375)" id="flowchart-export-26" class="node default default"><polygon style="" transform="translate(-30.90234375,16.75)" class="label-container" points="-11.166666666666666,0 56.221354166666664,0 72.97135416666667,-33.5 5.583333333333333,-33.5"/><g transform="translate(-23.40234375, -9.25)" style="" class="label"><foreignObject height="18.5" width="46.8046875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">export</span></div></foreignObject></g></g><g transform="translate(175.3059844970703, 112.23046875)" id="flowchart-db-30" class="node default default"><path transform="translate(-40.24609375,-31.438913812112688)" d="M 0,9.792609208075126 a 40.24609375,9.792609208075126 0,0,0 80.4921875 0 a 40.24609375,9.792609208075126 0,0,0 -80.4921875 0 l 0,43.29260920807513 a 40.24609375,9.792609208075126 0,0,0 80.4921875 0 l 0,-43.29260920807513" style=""/><g transform="translate(-32.74609375, -9.25)" style="" class="label"><foreignObject height="18.5" width="65.4921875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Database</span></div></foreignObject></g></g><g transform="translate(319.25780487060547, 112.23046875)" id="flowchart-A-31" class="node default default"><polygon style="" transform="translate(-42.5390625,16.75)" class="label-container" points="-11.166666666666666,0 96.24479166666667,0 79.49479166666667,-33.5 5.583333333333333,-33.5"/><g transform="translate(-35.0390625, -9.25)" style="" class="label"><foreignObject height="18.5" width="70.078125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Christmas</span></div></foreignObject></g></g><g transform="translate(319.25780487060547, 291.2109375)" id="flowchart-B-32" class="node default default"><polygon style="" transform="translate(-51.09765625,16.75)" class="label-container" points="5.583333333333333,0 96.61197916666667,0 113.36197916666667,-33.5 -11.166666666666666,-33.5"/><g transform="translate(-43.59765625, -9.25)" style="" class="label"><foreignObject height="18.5" width="87.1953125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Go shopping</span></div></foreignObject></g></g><g transform="translate(535.1940002441406, 112.23046875)" id="flowchart-id1-35" class="node default default"><g><circle height="43.5" width="224.4609375" r="112.23046875" ry="0" rx="0" style=""/><circle height="33.5" width="214.4609375" r="107.23046875" ry="0" rx="0" style=""/></g><g transform="translate(-99.73046875, -9.25)" style="" class="label"><foreignObject height="18.5" width="199.4609375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">This is the text in the circle</span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
+<svg viewBox="-8 -7.999998092651367 839.4674072265625 374.6747131347656" style="max-width: 839.467px; background-color: white;" aria-labelledby="chart-title-mermaid-1670927417925 chart-desc-mermaid-1670927417925" role="img" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-1670927417925"><title id="chart-title-mermaid-1670927417925"/><desc id="chart-desc-mermaid-1670927417925"/><style>#mermaid-1670927417925 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-1670927417925 .error-icon{fill:#552222;}#mermaid-1670927417925 .error-text{fill:#552222;stroke:#552222;}#mermaid-1670927417925 .edge-thickness-normal{stroke-width:2px;}#mermaid-1670927417925 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1670927417925 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1670927417925 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1670927417925 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1670927417925 .marker{fill:#333333;stroke:#333333;}#mermaid-1670927417925 .marker.cross{stroke:#333333;}#mermaid-1670927417925 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1670927417925 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-1670927417925 .cluster-label text{fill:#333;}#mermaid-1670927417925 .cluster-label span{color:#333;}#mermaid-1670927417925 .label text,#mermaid-1670927417925 span{fill:#333;color:#333;}#mermaid-1670927417925 .node rect,#mermaid-1670927417925 .node circle,#mermaid-1670927417925 .node ellipse,#mermaid-1670927417925 .node polygon,#mermaid-1670927417925 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-1670927417925 .node .label{text-align:center;}#mermaid-1670927417925 .node.clickable{cursor:pointer;}#mermaid-1670927417925 .arrowheadPath{fill:#333333;}#mermaid-1670927417925 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-1670927417925 .flowchart-link{stroke:#333333;fill:none;}#mermaid-1670927417925 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-1670927417925 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-1670927417925 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-1670927417925 .cluster text{fill:#333;}#mermaid-1670927417925 .cluster span{color:#333;}#mermaid-1670927417925 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1670927417925 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="10" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"/></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="0" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="12" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossEnd"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5.2" refX="-1" viewBox="0 0 11 11" class="marker cross flowchart" id="flowchart-crossStart"><path style="stroke-width: 2; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 1,1 l 9,9 M 10,1 l -9,9"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Square LE-Rounded" id="L-Square-Rounded-0" d="M40.66015625,48.18891525268555L40.66015625,54.80373446146647C40.66015625,61.4185536702474,40.66015625,74.64819208780925,40.66015625,88.84634462992351C40.66015625,103.04449717203777,40.66015625,118.21116383870442,40.66015625,125.79449717203777L40.66015625,133.3778305053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Rounded LE-Stadium" id="L-Rounded-Stadium-0" d="M40.66015625,166.8778305053711L40.66015625,174.46116383870444C40.66015625,182.04449717203775,40.66015625,197.21116383870444,40.66015625,216.27757008870444C40.66015625,235.34397633870444,40.66015625,258.3101221720378,40.66015625,269.7931950887044L40.66015625,281.2762680053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Circle LE-DCircle" id="L-Circle-DCircle-0" d="M191.96875,59.79829025268555L191.96875,64.47821362813313C191.96875,69.15813700358073,191.96875,78.5179837544759,191.96875,87.36457379659016C191.96875,96.21116383870442,191.96875,104.54449717203777,191.96875,108.71116383870442L191.96875,112.8778305053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-DCircle LE-Rhombus" id="L-DCircle-Rhombus-0" d="M191.96875,187.3778305053711L191.96875,191.54449717203775C191.96875,195.71116383870444,191.96875,204.04449717203775,192.05208333333334,212.46116383870444C192.13541666666666,220.8778305053711,192.30208333333334,229.3778305053711,192.38541666666666,233.6278305053711L192.46875,237.8778305053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Database LE-Asymetric" id="L-Database-Asymetric-0" d="M348.98046875,62.877830505371094L348.98046875,67.04449717203777C348.98046875,71.21116383870442,348.98046875,79.54449717203777,349.0638020833333,91.3778305053711C349.1471354166667,103.21116383870442,349.3138020833333,118.54449717203777,349.3971354166667,126.21116383870442L349.48046875,133.8778305053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Asymetric LE-Hexagon" id="L-Asymetric-Hexagon-0" d="M349.48046875,167.3778305053711L349.3971354166667,174.8778305053711C349.3138020833333,182.3778305053711,349.1471354166667,197.3778305053711,349.1471354166667,216.4442367553711C349.1471354166667,235.5106430053711,349.3138020833333,258.6434555053711,349.3971354166667,270.2098617553711L349.48046875,281.7762680053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Parallelogram LE-AltParallelogram" id="L-Parallelogram-AltParallelogram-0" d="M545.1510467529297,48.68891525268554L545.0677134195963,55.22040112813314C544.9843800862631,61.75188700358073,544.8177134195963,74.8148587544759,544.8177134195963,89.01301129659016C544.8177134195963,103.21116383870442,544.9843800862631,118.54449717203777,545.0677134195963,126.21116383870442L545.1510467529297,133.8778305053711"/><path style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Trapezoid LE-AltTrapezoid" id="L-Trapezoid-AltTrapezoid-0" d="M752.5547027587891,48.688915252685554L752.4713694254557,55.22040112813314C752.3880360921224,61.75188700358073,752.2213694254557,74.8148587544759,752.2213694254557,89.01301129659016C752.2213694254557,103.21116383870442,752.3880360921224,118.54449717203777,752.4713694254557,126.21116383870442L752.5547027587891,133.8778305053711"/></g><g class="edgeLabels"><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(40.66015625, 31.438915252685547)" id="flowchart-Square-48" class="node default default"><rect height="33.5" width="63.703125" y="-16.75" x="-31.8515625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-24.3515625, -9.25)" style="" class="label"><foreignObject height="18.5" width="48.703125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Square</span></div></foreignObject></g></g><g transform="translate(40.66015625, 150.1278305053711)" id="flowchart-Rounded-49" class="node default default"><rect height="33.5" width="76.2890625" y="-16.75" x="-38.14453125" ry="5" rx="5" style="" class="basic label-container"/><g transform="translate(-30.64453125, -9.25)" style="" class="label"><foreignObject height="18.5" width="61.2890625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Rounded</span></div></foreignObject></g></g><g transform="translate(40.66015625, 298.0262680053711)" id="flowchart-Stadium-50" class="node default default"><rect height="33.5" width="81.3203125" y="-16.75" x="-40.66015625" ry="16.75" rx="16.75" style=""/><g transform="translate(-28.97265625, -9.25)" style="" class="label"><foreignObject height="18.5" width="57.9453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Stadium</span></div></foreignObject></g></g><g transform="translate(191.96875, 31.438915252685547)" id="flowchart-Circle-54" class="node default default"><circle height="33.5" width="56.71875" r="28.359375" ry="0" rx="0" style=""/><g transform="translate(-20.859375, -9.25)" style="" class="label"><foreignObject height="18.5" width="41.71875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Circle</span></div></foreignObject></g></g><g transform="translate(191.96875, 150.1278305053711)" id="flowchart-DCircle-55" class="node default default"><g><circle height="62" width="74.5" r="37.25" ry="0" rx="0" style=""/><circle height="52" width="64.5" r="32.25" ry="0" rx="0" style=""/></g><g transform="translate(-24.75, -18.5)" style="" class="label"><foreignObject height="37" width="49.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Double<br />circle</span></div></foreignObject></g></g><g transform="translate(191.96875, 298.0262680053711)" id="flowchart-Rhombus-56" class="node default default"><polygon style="" transform="translate(-60.6484375,60.6484375)" class="label-container" points="60.6484375,0 121.296875,-60.6484375 60.6484375,-121.296875 0,-60.6484375"/><g transform="translate(-36.3984375, -9.25)" style="" class="label"><foreignObject height="18.5" width="72.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Rhomnbus</span></div></foreignObject></g></g><g transform="translate(348.98046875, 31.438915252685547)" id="flowchart-Database-60" class="node default default"><path transform="translate(-40.24609375,-31.438913812112688)" d="M 0,9.792609208075126 a 40.24609375,9.792609208075126 0,0,0 80.4921875 0 a 40.24609375,9.792609208075126 0,0,0 -80.4921875 0 l 0,43.29260920807513 a 40.24609375,9.792609208075126 0,0,0 80.4921875 0 l 0,-43.29260920807513" style=""/><g transform="translate(-32.74609375, -9.25)" style="" class="label"><foreignObject height="18.5" width="65.4921875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Database</span></div></foreignObject></g></g><g transform="translate(348.98046875, 150.1278305053711)" id="flowchart-Asymetric-61" class="node default default"><polygon style="" transform="translate(-42.9296875,16.75)" class="label-container" points="-16.75,0 85.859375,0 85.859375,-33.5 -16.75,-33.5 0,-16.75"/><g transform="translate(-35.4296875, -9.25)" style="" class="label"><foreignObject height="18.5" width="70.859375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Asymetric</span></div></foreignObject></g></g><g transform="translate(348.98046875, 298.0262680053711)" id="flowchart-Hexagon-62" class="node default default"><polygon style="" transform="translate(-46.36328125,16.75)" class="label-container" points="8.375,0 84.3515625,0 92.7265625,-16.75 84.3515625,-33.5 8.375,-33.5 0,-16.75"/><g transform="translate(-30.48828125, -9.25)" style="" class="label"><foreignObject height="18.5" width="60.9765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Hexagon</span></div></foreignObject></g></g><g transform="translate(544.6510467529297, 31.438915252685547)" id="flowchart-Parallelogram-66" class="node default default"><polygon style="" transform="translate(-56.8046875,16.75)" class="label-container" points="-11.166666666666666,0 108.02604166666667,0 124.77604166666667,-33.5 5.583333333333333,-33.5"/><g transform="translate(-49.3046875, -9.25)" style="" class="label"><foreignObject height="18.5" width="98.609375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Parallelogram</span></div></foreignObject></g></g><g transform="translate(544.6510467529297, 150.1278305053711)" id="flowchart-AltParallelogram-67" class="node default default"><polygon style="" transform="translate(-74.82421875,16.75)" class="label-container" points="-11.166666666666666,0 144.06510416666666,0 160.81510416666666,-33.5 5.583333333333333,-33.5"/><g transform="translate(-67.32421875, -9.25)" style="" class="label"><foreignObject height="18.5" width="134.6484375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Parallelogram (alt)</span></div></foreignObject></g></g><g transform="translate(752.0547027587891, 31.438915252685547)" id="flowchart-Trapezoid-70" class="node default default"><polygon style="" transform="translate(-42.2265625,16.75)" class="label-container" points="-11.166666666666666,0 95.61979166666667,0 78.86979166666667,-33.5 5.583333333333333,-33.5"/><g transform="translate(-34.7265625, -9.25)" style="" class="label"><foreignObject height="18.5" width="69.453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Trapezoid</span></div></foreignObject></g></g><g transform="translate(752.0547027587891, 150.1278305053711)" id="flowchart-AltTrapezoid-71" class="node default default"><polygon style="" transform="translate(-60.24609375,16.75)" class="label-container" points="5.583333333333333,0 114.90885416666667,0 131.65885416666666,-33.5 -11.166666666666666,-33.5"/><g transform="translate(-52.74609375, -9.25)" style="" class="label"><foreignObject height="18.5" width="105.4921875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Trapezoid (alt)</span></div></foreignObject></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/src/examples/2_shapes/syntax/mermaid b/src/examples/2_shapes/syntax/mermaid
index 608207d..bbd88fd 100644
--- a/src/examples/2_shapes/syntax/mermaid
+++ b/src/examples/2_shapes/syntax/mermaid
@@ -8,7 +8,7 @@ flowchart TD
     DCircle(((Double<br/>circle)))
     Rhombus{Rhomnbus}
     Circle --- DCircle ---Rhombus
-    
+
     Database[(Database)]
     Asymetric>Asymetric]
     Hexagon{{Hexagon}}