hugo-site/static/images/posts/example_mermaid.svg

1 line
7.4 KiB
XML

<svg id="mermaid-1635684740808" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="138" style="max-width: 254.4640655517578px;" viewBox="0 0 254.4640655517578 138"><style>#mermaid-1635684740808 {font-family:monospace;font-size:14px;fill:#000000;}#mermaid-1635684740808 .error-icon{fill:#552222;}#mermaid-1635684740808 .error-text{fill:#552222;stroke:#552222;}#mermaid-1635684740808 .edge-thickness-normal{stroke-width:2px;}#mermaid-1635684740808 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-1635684740808 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-1635684740808 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-1635684740808 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-1635684740808 .marker{fill:white;stroke:white;}#mermaid-1635684740808 .marker.cross{stroke:white;}#mermaid-1635684740808 svg{font-family:monospace;font-size:14px;}#mermaid-1635684740808 .label{font-family:monospace;color:white;}#mermaid-1635684740808 .cluster-label text{fill:#333;}#mermaid-1635684740808 .cluster-label span{color:#333;}#mermaid-1635684740808 .label text,#mermaid-1635684740808 span{fill:white;color:white;}#mermaid-1635684740808 .node rect,#mermaid-1635684740808 .node circle,#mermaid-1635684740808 .node ellipse,#mermaid-1635684740808 .node polygon,#mermaid-1635684740808 .node path{fill:none;stroke:white;stroke-width:1px;}#mermaid-1635684740808 .node .label{text-align:center;}#mermaid-1635684740808 .node.clickable{cursor:pointer;}#mermaid-1635684740808 .arrowheadPath{fill:white;}#mermaid-1635684740808 .edgePath .path{stroke:white;stroke-width:2.0px;}#mermaid-1635684740808 .flowchart-link{stroke:white;fill:none;}#mermaid-1635684740808 .edgeLabel{background-color:white;text-align:center;}#mermaid-1635684740808 .edgeLabel rect{opacity:0.5;background-color:white;fill:white;}#mermaid-1635684740808 .cluster rect{fill:hsl(0, 0%, 98.9215686275%);stroke:#707070;stroke-width:1px;}#mermaid-1635684740808 .cluster text{fill:#333;}#mermaid-1635684740808 .cluster span{color:#333;}#mermaid-1635684740808 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:monospace;font-size:12px;background:hsl(-160, 0%, 93.3333333333%);border:1px solid #707070;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-1635684740808 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><g class="output"><g class="clusters"></g><g class="edgePaths"><g class="edgePath LS-S LE-A" id="L-S-A" style="opacity: 1;"><path class="path" d="M28,69L32.166666666666664,69C36.333333333333336,69,44.666666666666664,69,53.08333358764648,69.08333333333333C61.50000050862629,69.16666666666667,70.00000101725259,69.33333333333333,74.25000127156574,69.41666666666667L78.50000152587889,69.5" marker-end="url(#arrowhead13)" style="fill:none"></path><defs><marker id="arrowhead13" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-A LE-B" id="L-A-B" style="opacity: 1;"><path class="path" d="M136.62568536461762,54.45849633873872L143.215936229141,49.7154136156156C149.80618709366436,44.97233089249247,162.9866888227111,35.48616544624624,173.74360635390113,30.74308272312312C184.50052388509116,26,192.83385721842447,26,197.00052388509116,26L201.1671905517578,26" marker-end="url(#arrowhead14)" style="fill:none"></path><defs><marker id="arrowhead14" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath LS-A LE-C" id="L-A-C" style="opacity: 1;"><path class="path" d="M136.6256835676033,84.54150240651778L143.21593473162906,89.11791867209816C149.8061858956548,93.69433493767853,162.9866882237063,102.84716746883926,173.74360605439873,107.42358373441964C184.50052388509116,112,192.83385721842447,112,197.00052388509116,112L201.1671905517578,112" marker-end="url(#arrowhead15)" style="fill:none"></path><defs><marker id="arrowhead15" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-S-A" class="edgeLabel L-LS-S' L-LE-A"></span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-A-B" class="edgeLabel L-LS-A' L-LE-B"></span></div></foreignObject></g></g><g class="edgeLabel" transform="" style="opacity: 1;"><g transform="translate(0,0)" class="label"><rect rx="0" ry="0" width="0" height="0"></rect><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span id="L-L-A-C" class="edgeLabel L-LS-A' L-LE-C"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-S-8" transform="translate(18,69)" style="opacity: 1;"><rect rx="0" ry="0" x="-10" y="-10" width="20" height="20" class="label-container" style="fill:none; stroke:none;"></rect><g class="label" transform="translate(0,0)"><g transform="translate(0,0)"><foreignObject width="0" height="16"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><i class="fa fa-dot"></i></div></foreignObject></g></g></g><g class="node default" id="flowchart-A-9" transform="translate(114.5835952758789,69)" style="opacity: 1;"><polygon points="36.58359375,0 73.1671875,-36.58359375 36.58359375,-73.1671875 0,-36.58359375" transform="translate(-36.58359375,36.58359375)" class="label-container"></polygon><g class="label" transform="translate(0,0)"><g transform="translate(-12.6484375,-8)"><foreignObject width="25.296875" height="16"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">foo</div></foreignObject></g></g></g><g class="node default" id="flowchart-B-12" transform="translate(223.8156280517578,26)" style="opacity: 1;"><rect rx="5" ry="5" x="-22.6484375" y="-18" width="45.296875" height="36" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-12.6484375,-8)"><foreignObject width="25.296875" height="16"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">bar</div></foreignObject></g></g></g><g class="node default" id="flowchart-C-14" transform="translate(223.8156280517578,112)" style="opacity: 1;"><rect rx="5" ry="5" x="-22.6484375" y="-18" width="45.296875" height="36" class="label-container"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-12.6484375,-8)"><foreignObject width="25.296875" height="16"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">baz</div></foreignObject></g></g></g></g></g></g></svg>