diff --git a/assets/output.svg b/assets/output.svg
new file mode 100644
index 0000000..86fb974
--- /dev/null
+++ b/assets/output.svg
@@ -0,0 +1 @@
+<svg aria-labelledby="chart-title-mermaid-1724723225698" aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-7.5 -50 622.03125 600.9154052734375" style="max-width: 622.031px; background-color: white;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-1724723225698"><title id="chart-title-mermaid-1724723225698">Hello Mermaid</title><style>#mermaid-1724723225698{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-1724723225698 .error-icon{fill:#552222;}#mermaid-1724723225698 .error-text{fill:#552222;stroke:#552222;}#mermaid-1724723225698 .edge-thickness-normal{stroke-width:2px;}#mermaid-1724723225698 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1724723225698 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1724723225698 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1724723225698 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1724723225698 .marker{fill:#333333;stroke:#333333;}#mermaid-1724723225698 .marker.cross{stroke:#333333;}#mermaid-1724723225698 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-1724723225698 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-1724723225698 .cluster-label text{fill:#333;}#mermaid-1724723225698 .cluster-label span{color:#333;}#mermaid-1724723225698 .label text,#mermaid-1724723225698 span{fill:#333;color:#333;}#mermaid-1724723225698 .node rect,#mermaid-1724723225698 .node circle,#mermaid-1724723225698 .node ellipse,#mermaid-1724723225698 .node polygon,#mermaid-1724723225698 .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-1724723225698 .node .label{text-align:center;}#mermaid-1724723225698 .node.clickable{cursor:pointer;}#mermaid-1724723225698 .arrowheadPath{fill:#333333;}#mermaid-1724723225698 .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-1724723225698 .flowchart-link{stroke:#333333;fill:none;}#mermaid-1724723225698 .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-1724723225698 .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-1724723225698 .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-1724723225698 .cluster text{fill:#333;}#mermaid-1724723225698 .cluster span{color:#333;}#mermaid-1724723225698 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-1724723225698 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-1724723225698 :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 12 20" 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"/><g class="edgeLabels"/><g class="nodes"><g transform="translate(-7.5, -8)" class="root"><g class="clusters"><g id="hello" class="cluster default"><rect height="542.9154052734375" width="606.03125" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(293.265625, 8)" class="cluster-label"><foreignObject height="19" width="35.5"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">hello</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-Hello LE-World" id="L-Hello-World-0" d="M85.21875,60L89.38541666666667,60C93.55208333333333,60,101.88541666666667,60,143.34114583333334,60C184.796875,60,259.375,60,296.6640625,60L333.953125,60"/></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><g class="nodes"><g transform="translate(362.125, 60)" id="flowchart-World-23" class="node default default"><rect height="34" width="56.34375" y="-17" x="-28.171875" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-20.671875, -9.5)" style="" class="label"><foreignObject height="19" width="41.34375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">World</span></div></foreignObject></g></g><g transform="translate(59.109375, 60)" id="flowchart-Hello-22" class="node default default"><rect height="34" width="52.21875" y="-17" x="-26.109375" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-18.609375, -9.5)" style="" class="label"><foreignObject height="19" width="37.21875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Hello</span></div></foreignObject></g></g><g transform="translate(127.71875, 119)" class="root"><g class="clusters"><g id="graph" class="cluster default"><rect height="388.9154052734375" width="453.8125" y="8" x="8" ry="0" rx="0" style=""/><g transform="translate(214.75, 8)" class="cluster-label"><foreignObject height="19" width="40.3125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">graph</span></div></foreignObject></g></g></g><g class="edgePaths"><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M57.0625,144L61.229166666666664,144C65.39583333333333,144,73.72916666666667,144,82.14583333333333,144.08333333333334C90.5625,144.16666666666666,99.0625,144.33333333333334,103.3125,144.41666666666666L107.5625,144.5"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M218.38353671041838,115.03978671041837L230.85216600868196,105.86648892534863C243.3207953069456,96.6931911402789,268.2580539034728,78.34659557013946,291.1602769517364,69.17329778506972C314.0625,60,334.9296875,60,345.36328125,60L355.796875,60"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-E" id="L-C-E-0" d="M247.84375,144.5L255.40234375,144.41666666666666C262.9609375,144.33333333333334,278.078125,144.16666666666666,296.21484375,144.08333333333334C314.3515625,144,335.5078125,144,346.0859375,144L356.6640625,144"/><path marker-end="url(#flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-F" id="L-C-F-0" d="M215.29041377722368,177.05333622277632L228.2745635643531,188.28739729176672C241.25871335148244,199.52145836075715,267.22701292574123,221.98958049873795,287.85308979620396,233.22364156772835C308.4791666666667,244.45770263671875,323.7630208333333,244.45770263671875,331.4049479166667,244.45770263671875L339.046875,244.45770263671875"/></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 transform="translate(293.1953125, 60)" class="edgeLabel"><g transform="translate(-14.125, -9.5)" class="label"><foreignObject height="19" width="28.25"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">One</span></div></foreignObject></g></g><g transform="translate(293.1953125, 144)" class="edgeLabel"><g transform="translate(-13.7890625, -9.5)" class="label"><foreignObject height="19" width="27.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Two</span></div></foreignObject></g></g><g transform="translate(293.1953125, 244.45770263671875)" class="edgeLabel"><g transform="translate(-20.8515625, -9.5)" class="label"><foreignObject height="19" width="41.703125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Three</span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(177.203125, 144)" id="flowchart-C-25" class="node default default"><polygon style="" transform="translate(-70.140625,70.140625)" class="label-container" points="70.140625,0 140.28125,-70.140625 70.140625,-140.28125 0,-70.140625"/><g transform="translate(-45.640625, -9.5)" style="" class="label"><foreignObject height="19" width="91.28125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Let me think</span></div></foreignObject></g></g><g transform="translate(45.03125, 144)" id="flowchart-B-24" class="node default default"><rect height="34" width="24.0625" y="-17" x="-12.03125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-4.53125, -9.5)" style="" class="label"><foreignObject height="19" width="9.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">B</span></div></foreignObject></g></g><g transform="translate(387.9296875, 60)" id="flowchart-D-27" class="node default default"><rect height="34" width="64.265625" y="-17" x="-32.1328125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-24.6328125, -9.5)" style="" class="label"><foreignObject height="19" width="49.265625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Laptop</span></div></foreignObject></g></g><g transform="translate(387.9296875, 144)" id="flowchart-E-29" class="node default default"><rect height="34" width="62.53125" y="-17" x="-31.265625" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-23.765625, -9.5)" style="" class="label"><foreignObject height="19" width="47.53125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">iPhone</span></div></foreignObject></g></g><g transform="translate(387.9296875, 244.45770263671875)" id="flowchart-F-31" class="node default default"><path transform="translate(-48.8828125,-33.45770498702392)" d="M 0,10.971803324682613 a 48.8828125,10.971803324682613 0,0,0 97.765625 0 a 48.8828125,10.971803324682613 0,0,0 -97.765625 0 l 0,44.97180332468261 a 48.8828125,10.971803324682613 0,0,0 97.765625 0 l 0,-44.97180332468261" style=""/><g transform="translate(-41.3828125, -9.5)" style="" class="label"><foreignObject height="19" width="82.765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"><i class="fa fa-database"></i> Database</span></div></foreignObject></g></g><g transform="translate(387.9296875, 344.9154052734375)" id="flowchart-name-32" class="node default default"><rect height="34" width="54.15625" y="-17" x="-27.078125" ry="0" rx="0" style="" class="basic label-container"/><g transform="translate(-19.578125, -9.5)" style="" class="label"><foreignObject height="19" width="39.15625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">name</span></div></foreignObject></g></g></g></g></g></g></g></g></g><text class="flowchartTitleText" y="-25" x="303.515625">Hello Mermaid</text></svg>
\ No newline at end of file