Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save clarsen-bpv/93e8bb16ae61c720ff3c4609afb277bc to your computer and use it in GitHub Desktop.
Save clarsen-bpv/93e8bb16ae61c720ff3c4609afb277bc to your computer and use it in GitHub Desktop.
DescriptionGIst
<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="-8 -8 911.2421875 1703.765625" style="width: 100%;" xmlns="http://www.w3.org/2000/svg" width="100%" id="diagram-gen"><style>#diagram-gen{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#diagram-gen .error-icon{fill:#552222;}#diagram-gen .error-text{fill:#552222;stroke:#552222;}#diagram-gen .edge-thickness-normal{stroke-width:2px;}#diagram-gen .edge-thickness-thick{stroke-width:3.5px;}#diagram-gen .edge-pattern-solid{stroke-dasharray:0;}#diagram-gen .edge-pattern-dashed{stroke-dasharray:3;}#diagram-gen .edge-pattern-dotted{stroke-dasharray:2;}#diagram-gen .marker{fill:#333333;stroke:#333333;}#diagram-gen .marker.cross{stroke:#333333;}#diagram-gen svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#diagram-gen .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#diagram-gen .cluster-label text{fill:#333;}#diagram-gen .cluster-label span,#diagram-gen p{color:#333;}#diagram-gen .label text,#diagram-gen span,#diagram-gen p{fill:#333;color:#333;}#diagram-gen .node rect,#diagram-gen .node circle,#diagram-gen .node ellipse,#diagram-gen .node polygon,#diagram-gen .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#diagram-gen .flowchart-label text{text-anchor:middle;}#diagram-gen .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#diagram-gen .node .label{text-align:center;}#diagram-gen .node.clickable{cursor:pointer;}#diagram-gen .arrowheadPath{fill:#333333;}#diagram-gen .edgePath .path{stroke:#333333;stroke-width:2.0px;}#diagram-gen .flowchart-link{stroke:#333333;fill:none;}#diagram-gen .edgeLabel{background-color:#e8e8e8;text-align:center;}#diagram-gen .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#diagram-gen .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#diagram-gen .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#diagram-gen .cluster text{fill:#333;}#diagram-gen .cluster span,#diagram-gen p{color:#333;}#diagram-gen 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;}#diagram-gen .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#diagram-gen :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="6" viewBox="0 0 10 10" class="marker flowchart" id="diagram-gen_flowchart-pointEnd"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="12" markerWidth="12" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart" id="diagram-gen_flowchart-pointStart"><path style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" d="M 0 5 L 10 10 L 10 0 z"></path></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="11" viewBox="0 0 10 10" class="marker flowchart" id="diagram-gen_flowchart-circleEnd"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></marker><marker orient="auto" markerHeight="11" markerWidth="11" markerUnits="userSpaceOnUse" refY="5" refX="-1" viewBox="0 0 10 10" class="marker flowchart" id="diagram-gen_flowchart-circleStart"><circle style="stroke-width: 1; stroke-dasharray: 1, 0;" class="arrowMarkerPath" r="5" cy="5" cx="5"></circle></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="diagram-gen_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"></path></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="diagram-gen_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"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-A LE-B" id="L-A-B-0" d="M644.426,37L644.426,43C644.426,49,644.426,61,644.426,72.117C644.426,83.233,644.426,93.467,644.426,98.583L644.426,103.7"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-B LE-C" id="L-B-C-0" d="M644.426,146L644.426,152C644.426,158,644.426,170,644.426,181.117C644.426,192.233,644.426,202.467,644.426,207.583L644.426,212.7"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-C LE-D" id="L-C-D-0" d="M644.426,255L644.426,261C644.426,267,644.426,279,644.497,290.2C644.568,301.4,644.711,311.8,644.782,317L644.853,322.2"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-E" id="L-D-E-0" d="M572.308,563.242L556.107,581.261C539.906,599.281,507.504,635.32,491.303,658.456C475.102,681.593,475.102,691.826,475.102,696.943L475.102,702.059"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-D LE-F" id="L-D-F-0" d="M717.544,563.242L733.578,581.261C749.612,599.281,781.681,635.32,797.716,658.456C813.75,681.593,813.75,691.826,813.75,696.943L813.75,702.059"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-E LE-G" id="L-E-G-0" d="M475.102,744.359L475.102,750.359C475.102,756.359,475.102,768.359,475.102,779.476C475.102,790.593,475.102,800.826,475.102,805.943L475.102,811.059"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-G LE-H" id="L-G-H-0" d="M475.102,853.359L475.102,859.359C475.102,865.359,475.102,877.359,475.173,888.559C475.244,899.76,475.386,910.16,475.458,915.36L475.529,920.56"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-H LE-I" id="L-H-I-0" d="M395.296,1171.96L376.434,1191.261C357.572,1210.562,319.849,1249.164,300.987,1273.581C282.125,1297.999,282.125,1308.232,282.125,1313.349L282.125,1318.466"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-H LE-J" id="L-H-J-0" d="M555.908,1171.96L574.603,1191.261C593.298,1210.562,630.688,1249.164,649.383,1273.581C668.078,1297.999,668.078,1308.232,668.078,1313.349L668.078,1318.466"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-I LE-K" id="L-I-K-0" d="M282.125,1360.766L282.125,1366.766C282.125,1372.766,282.125,1384.766,282.125,1395.882C282.125,1406.999,282.125,1417.232,282.125,1422.349L282.125,1427.466"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-K LE-L" id="L-K-L-0" d="M282.125,1469.766L282.125,1475.766C282.125,1481.766,282.125,1493.766,282.125,1504.882C282.125,1515.999,282.125,1526.232,282.125,1531.349L282.125,1536.466"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-L LE-M" id="L-L-M-0" d="M236.299,1578.766L221.437,1584.766C206.575,1590.766,176.85,1602.766,161.987,1613.882C147.125,1624.999,147.125,1635.232,147.125,1640.349L147.125,1645.466"></path><path marker-end="url(#diagram-gen_flowchart-pointEnd)" style="fill:none;" class="edge-thickness-normal edge-pattern-solid flowchart-link LS-L LE-N" id="L-L-N-0" d="M327.951,1578.766L342.813,1584.766C357.675,1590.766,387.4,1602.766,402.263,1613.882C417.125,1624.999,417.125,1635.232,417.125,1640.349L417.125,1645.466"></path></g><g class="edgeLabels"><g transform="translate(644.42578125, 73)" class="edgeLabel"><g transform="translate(-65.0859375, -11)" class="label"><foreignObject height="22" width="130.171875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Selects ATM Token</span></div></foreignObject></g></g><g transform="translate(644.42578125, 182)" class="edgeLabel"><g transform="translate(-68.609375, -11)" class="label"><foreignObject height="22" width="137.21875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">User Deposits Cash</span></div></foreignObject></g></g><g transform="translate(644.42578125, 291)" class="edgeLabel"><g transform="translate(-121.1640625, -11)" class="label"><foreignObject height="22" width="242.328125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Stellar Anchor Verifies Transaction</span></div></foreignObject></g></g><g transform="translate(475.1015625, 671.359375)" class="edgeLabel"><g transform="translate(-11.7890625, -11)" class="label"><foreignObject height="22" width="23.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Yes</span></div></foreignObject></g></g><g transform="translate(813.75, 671.359375)" class="edgeLabel"><g transform="translate(-10.3125, -11)" class="label"><foreignObject height="22" width="20.625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">No</span></div></foreignObject></g></g><g transform="translate(475.1015625, 780.359375)" class="edgeLabel"><g transform="translate(-78.5625, -11)" class="label"><foreignObject height="22" width="157.125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">User Initiates Transfer</span></div></foreignObject></g></g><g transform="translate(475.1015625, 889.359375)" class="edgeLabel"><g transform="translate(-130.1875, -11)" class="label"><foreignObject height="22" width="260.375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Cebuana Anchor Verifies Transaction</span></div></foreignObject></g></g><g transform="translate(282.125, 1287.765625)" class="edgeLabel"><g transform="translate(-11.7890625, -11)" class="label"><foreignObject height="22" width="23.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Yes</span></div></foreignObject></g></g><g transform="translate(668.078125, 1287.765625)" class="edgeLabel"><g transform="translate(-10.3125, -11)" class="label"><foreignObject height="22" width="20.625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">No</span></div></foreignObject></g></g><g transform="translate(282.125, 1396.765625)" class="edgeLabel"><g transform="translate(-81.7890625, -11)" class="label"><foreignObject height="22" width="163.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">User Initiates Cash Out</span></div></foreignObject></g></g><g transform="translate(282.125, 1505.765625)" class="edgeLabel"><g transform="translate(-203.8671875, -11)" class="label"><foreignObject height="22" width="407.734375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">User Provides Identification and Cebuana Account Details</span></div></foreignObject></g></g><g transform="translate(147.125, 1614.765625)" class="edgeLabel"><g transform="translate(-78.8984375, -11)" class="label"><foreignObject height="22" width="157.796875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Verification Successful</span></div></foreignObject></g></g><g transform="translate(417.125, 1614.765625)" class="edgeLabel"><g transform="translate(-63.109375, -11)" class="label"><foreignObject height="22" width="126.21875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel">Verification Failed</span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(644.42578125, 18.5)" data-id="A" data-node="true" id="flowchart-A-0" class="node default default flowchart-label"><rect height="37" width="338.0625" y="-18.5" x="-169.03125" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-161.53125, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="323.0625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">User Initiates Cash In at BATM ATM in Canada</span></div></foreignObject></g></g><g transform="translate(644.42578125, 127.5)" data-id="B" data-node="true" id="flowchart-B-1" class="node default default flowchart-label"><rect height="37" width="321.125" y="-18.5" x="-160.5625" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-153.0625, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="306.125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BATM ATM Displays Stellar Deposit Address</span></div></foreignObject></g></g><g transform="translate(644.42578125, 236.5)" data-id="C" data-node="true" id="flowchart-C-3" class="node default default flowchart-label"><rect height="37" width="358.34375" y="-18.5" x="-179.171875" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-171.671875, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="343.34375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">BATM ATM Sends Cash Amount to Stellar Anchor</span></div></foreignObject></g></g><g transform="translate(644.42578125, 481.1796875)" data-id="D" data-node="true" id="flowchart-D-5" class="node default default flowchart-label"><polygon style="" transform="translate(-154.1796875,154.1796875)" class="label-container" points="154.1796875,0 308.359375,-154.1796875 154.1796875,-308.359375 0,-154.1796875"></polygon><g transform="translate(-128.1796875, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="256.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Stellar Anchor Approves Transaction</span></div></foreignObject></g></g><g transform="translate(475.1015625, 725.859375)" data-id="E" data-node="true" id="flowchart-E-7" class="node default default flowchart-label"><rect height="37" width="414.3125" y="-18.5" x="-207.15625" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-199.65625, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="399.3125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Stellar Anchor Issues ATM Tokens to User's Stellar Wallet</span></div></foreignObject></g></g><g transform="translate(813.75, 725.859375)" data-id="F" data-node="true" id="flowchart-F-9" class="node default default flowchart-label"><rect height="37" width="162.984375" y="-18.5" x="-81.4921875" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-73.9921875, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="147.984375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Transaction Declined</span></div></foreignObject></g></g><g transform="translate(475.1015625, 834.859375)" data-id="G" data-node="true" id="flowchart-G-11" class="node default default flowchart-label"><rect height="37" width="364.578125" y="-18.5" x="-182.2890625" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-174.7890625, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="349.578125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">User Sends ATM Tokens to Cebuana Stellar Wallet</span></div></foreignObject></g></g><g transform="translate(475.1015625, 1088.5625)" data-id="H" data-node="true" id="flowchart-H-13" class="node default default flowchart-label"><polygon style="" transform="translate(-163.203125,163.203125)" class="label-container" points="163.203125,0 326.40625,-163.203125 163.203125,-326.40625 0,-163.203125"></polygon><g transform="translate(-137.203125, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="274.40625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Cebuana Anchor Approves Transaction</span></div></foreignObject></g></g><g transform="translate(282.125, 1342.265625)" data-id="I" data-node="true" id="flowchart-I-15" class="node default default flowchart-label"><rect height="37" width="508.921875" y="-18.5" x="-254.4609375" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-246.9609375, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="493.921875"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Cebuana Anchor Credits User's Cebuana Account with PHP Equivalent</span></div></foreignObject></g></g><g transform="translate(668.078125, 1342.265625)" data-id="J" data-node="true" id="flowchart-J-17" class="node default default flowchart-label"><rect height="37" width="162.984375" y="-18.5" x="-81.4921875" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-73.9921875, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="147.984375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Transaction Declined</span></div></foreignObject></g></g><g transform="translate(282.125, 1451.265625)" data-id="K" data-node="true" id="flowchart-K-19" class="node default default flowchart-label"><rect height="37" width="330.390625" y="-18.5" x="-165.1953125" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-157.6953125, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="315.390625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">User Visits Cebuana Outlet in the Philippines</span></div></foreignObject></g></g><g transform="translate(282.125, 1560.265625)" data-id="L" data-node="true" id="flowchart-L-21" class="node default default flowchart-label"><rect height="37" width="381.765625" y="-18.5" x="-190.8828125" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-183.3828125, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="366.765625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Cebuana Outlet Verifies User's Identity and Account</span></div></foreignObject></g></g><g transform="translate(147.125, 1669.265625)" data-id="M" data-node="true" id="flowchart-M-23" class="node default default flowchart-label"><rect height="37" width="294.25" y="-18.5" x="-147.125" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-139.625, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="279.25"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Cebuana Outlet Disburses Cash to User</span></div></foreignObject></g></g><g transform="translate(417.125, 1669.265625)" data-id="N" data-node="true" id="flowchart-N-25" class="node default default flowchart-label"><rect height="37" width="145.75" y="-18.5" x="-72.875" ry="0" rx="0" style="" class="basic label-container"></rect><g transform="translate(-65.375, -11)" style="" class="label"><rect></rect><foreignObject height="22" width="130.75"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Cash Out Declined</span></div></foreignObject></g></g></g></g></g></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment