trilium/demo/root/Trilium Demo/Mermaid Diagrams/Flow_mermaid-export.svg

<svg aria-roledescription="flowchart-v2" role="graphics-document document" viewBox="0 0 299.76666259765625 489.41668701171875" style="max-width: 299.76666259765625px;" class="flowchart" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-graph-13"><style>#mermaid-graph-13{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-13 .error-icon{fill:#a44141;}#mermaid-graph-13 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-13 .edge-thickness-normal{stroke-width:1px;}#mermaid-graph-13 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-13 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-13 .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-graph-13 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-13 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-13 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-13 .marker.cross{stroke:lightgrey;}#mermaid-graph-13 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-13 p{margin:0;}#mermaid-graph-13 .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ccc;}#mermaid-graph-13 .cluster-label text{fill:#F9FFFE;}#mermaid-graph-13 .cluster-label span{color:#F9FFFE;}#mermaid-graph-13 .cluster-label span p{background-color:transparent;}#mermaid-graph-13 .label text,#mermaid-graph-13 span{fill:#ccc;color:#ccc;}#mermaid-graph-13 .node rect,#mermaid-graph-13 .node circle,#mermaid-graph-13 .node ellipse,#mermaid-graph-13 .node polygon,#mermaid-graph-13 .node path{fill:#1f2020;stroke:#ccc;stroke-width:1px;}#mermaid-graph-13 .rough-node .label text,#mermaid-graph-13 .node .label text,#mermaid-graph-13 .image-shape .label,#mermaid-graph-13 .icon-shape .label{text-anchor:middle;}#mermaid-graph-13 .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-graph-13 .rough-node .label,#mermaid-graph-13 .node .label,#mermaid-graph-13 .image-shape .label,#mermaid-graph-13 .icon-shape .label{text-align:center;}#mermaid-graph-13 .node.clickable{cursor:pointer;}#mermaid-graph-13 .root .anchor path{fill:lightgrey!important;stroke-width:0;stroke:lightgrey;}#mermaid-graph-13 .arrowheadPath{fill:lightgrey;}#mermaid-graph-13 .edgePath .path{stroke:lightgrey;stroke-width:2.0px;}#mermaid-graph-13 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-graph-13 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-13 .edgeLabel p{background-color:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-13 .edgeLabel rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-13 .labelBkg{background-color:rgba(87.75, 87.75, 87.75, 0.5);}#mermaid-graph-13 .cluster rect{fill:hsl(180, 1.5873015873%, 28.3529411765%);stroke:rgba(255, 255, 255, 0.25);stroke-width:1px;}#mermaid-graph-13 .cluster text{fill:#F9FFFE;}#mermaid-graph-13 .cluster span{color:#F9FFFE;}#mermaid-graph-13 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(20, 1.5873015873%, 12.3529411765%);border:1px solid rgba(255, 255, 255, 0.25);border-radius:2px;pointer-events:none;z-index:100;}#mermaid-graph-13 .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-graph-13 rect.text{fill:none;stroke-width:0;}#mermaid-graph-13 .icon-shape,#mermaid-graph-13 .image-shape{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-13 .icon-shape p,#mermaid-graph-13 .image-shape p{background-color:hsl(0, 0%, 34.4117647059%);padding:2px;}#mermaid-graph-13 .icon-shape rect,#mermaid-graph-13 .image-shape rect{opacity:0.5;background-color:hsl(0, 0%, 34.4117647059%);fill:hsl(0, 0%, 34.4117647059%);}#mermaid-graph-13 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-pointEnd"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" class="arrowMarkerPath" d="M 0 0 L 10 5 L 0 10 z"></path></marker><marker orient="auto" markerHeight="8" markerWidth="8" markerUnits="userSpaceOnUse" refY="5" refX="4.5" viewBox="0 0 10 10" class="marker flowchart-v2" id="mermaid-graph-13_flowchart-v2-pointStart"><path style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" 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-v2" id="mermaid-graph-13_flowchart-v2-circleEnd"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" 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-v2" id="mermaid-graph-13_flowchart-v2-circleStart"><circle style="stroke-width: 1px; stroke-dasharray: 1px, 0px;" 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-v2" id="mermaid-graph-13_flowchart-v2-crossEnd"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" 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-v2" id="mermaid-graph-13_flowchart-v2-crossStart"><path style="stroke-width: 2px; stroke-dasharray: 1px, 0px;" 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(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_A_B_0" d="M149.883,62L149.883,68.167C149.883,74.333,149.883,86.667,149.883,98.333C149.883,110,149.883,121,149.883,126.5L149.883,132"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_B_C_1" d="M149.883,190L149.883,194.167C149.883,198.333,149.883,206.667,149.954,214.417C150.024,222.167,150.164,229.334,150.235,232.917L150.305,236.501"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_D_2" d="M123.672,327.206L114.134,337.741C104.596,348.276,85.519,369.346,75.98,385.382C66.442,401.417,66.442,412.417,66.442,417.917L66.442,423.417"></path><path marker-end="url(#mermaid-graph-13_flowchart-v2-pointEnd)" style="" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" id="L_C_E_3" d="M177.094,327.206L186.466,337.741C195.838,348.276,214.581,369.346,223.953,385.382C233.325,401.417,233.325,412.417,233.325,417.917L233.325,423.417"></path></g><g class="edgeLabels"><g transform="translate(149.88333129882812, 99)" class="edgeLabel"><g transform="translate(-15.199996948242188, -12)" class="label"><foreignObject height="24" width="30.399993896484375"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Text</p></span></div></foreignObject></g></g><g class="edgeLabel"><g transform="translate(0, 0)" class="label"><foreignObject height="0" width="0"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g transform="translate(66.44166564941406, 390.4166717529297)" class="edgeLabel"><g transform="translate(-14.133331298828125, -12)" class="label"><foreignObject height="24" width="28.26666259765625"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>One</p></span></div></foreignObject></g></g><g transform="translate(233.3249969482422, 390.4166717529297)" class="edgeLabel"><g transform="translate(-13.783332824707031, -12)" class="label"><foreignObject height="24" width="27.566665649414062"><div class="labelBkg" xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>Two</p></span></div></foreignObject></g></g></g><g class="nodes"><g transform="translate(149.88333129882812, 35)" id="flowchart-A-248" class="node default"><rect height="54" width="94" y="-27" x="-47" style="" class="basic label-container"></rect><g transform="translate(-17, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="34"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Hard</p></span></div></foreignObject></g></g><g transform="translate(149.88333129882812, 163)" id="flowchart-B-249" class="node default"><rect height="54" width="73.66667175292969" y="-27" x="-36.833335876464844" ry="5" rx="5" style="" class="basic label-container"></rect><g transform="translate(-21.833335876464844, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="43.66667175292969"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Round</p></span></div></foreignObject></g></g><g transform="translate(149.88333129882812, 296.70833587646484)" id="flowchart-C-251" class="node default"><polygon transform="translate(-56.708335876464844,56.708335876464844)" class="label-container" points="56.708335876464844,0 113.41667175292969,-56.708335876464844 56.708335876464844,-113.41667175292969 0,-56.708335876464844"></polygon><g transform="translate(-29.708335876464844, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="59.41667175292969"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Decision</p></span></div></foreignObject></g></g><g transform="translate(66.44166564941406, 454.4166717529297)" id="flowchart-D-253" class="node default"><rect height="54" width="116.88333129882812" y="-27" x="-58.44166564941406" style="" class="basic label-container"></rect><g transform="translate(-28.441665649414062, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="56.883331298828125"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Result 1</p></span></div></foreignObject></g></g><g transform="translate(233.3249969482422, 454.4166717529297)" id="flowchart-E-255" class="node default"><rect height="54" width="116.88333129882812" y="-27" x="-58.44166564941406" style="" class="basic label-container"></rect><g transform="translate(-28.441665649414062, -12)" style="" class="label"><rect></rect><foreignObject height="24" width="56.883331298828125"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Result 2</p></span></div></foreignObject></g></g></g></g></g></svg>