trilium/demo/Demo/Trilium Demo/Mermaid Diagrams/Journey_mermaid-export.svg
2025-03-30 22:08:52 +03:00

1 line
12 KiB
XML

<svg aria-roledescription="journey" role="graphics-document document" preserveAspectRatio="xMinYMin meet" viewBox="0 -25 1300 540" height="565" xmlns="http://www.w3.org/2000/svg" width="1300" id="mermaid-graph-27"><style>#mermaid-graph-27{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-27 .error-icon{fill:#a44141;}#mermaid-graph-27 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-27 .edge-thickness-normal{stroke-width:2px;}#mermaid-graph-27 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-27 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-27 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-27 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-27 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-27 .marker.cross{stroke:lightgrey;}#mermaid-graph-27 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-27 .label{font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);color:#ccc;}#mermaid-graph-27 .mouth{stroke:#666;}#mermaid-graph-27 line{stroke:#ccc;}#mermaid-graph-27 .legend{fill:#ccc;}#mermaid-graph-27 .label text{fill:#333;}#mermaid-graph-27 .label{color:#ccc;}#mermaid-graph-27 .face{fill:#FFF8DC;stroke:#999;}#mermaid-graph-27 .node rect,#mermaid-graph-27 .node circle,#mermaid-graph-27 .node ellipse,#mermaid-graph-27 .node polygon,#mermaid-graph-27 .node path{fill:#1f2020;stroke:#81B1DB;stroke-width:1px;}#mermaid-graph-27 .node .label{text-align:center;}#mermaid-graph-27 .node.clickable{cursor:pointer;}#mermaid-graph-27 .arrowheadPath{fill:lightgrey;}#mermaid-graph-27 .edgePath .path{stroke:lightgrey;stroke-width:1.5px;}#mermaid-graph-27 .flowchart-link{stroke:lightgrey;fill:none;}#mermaid-graph-27 .edgeLabel{background-color:hsl(0, 0%, 34.4117647059%);text-align:center;}#mermaid-graph-27 .edgeLabel rect{opacity:0.5;}#mermaid-graph-27 .cluster text{fill:#F9FFFE;}#mermaid-graph-27 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms',verdana,arial,sans-serif;font-family:var(--mermaid-font-family);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-27 .task-type-0,#mermaid-graph-27 .section-type-0{fill:#1f2020;}#mermaid-graph-27 .task-type-1,#mermaid-graph-27 .section-type-1{fill:hsl(180, 1.5873015873%, 28.3529411765%);}#mermaid-graph-27 .task-type-2,#mermaid-graph-27 .section-type-2{fill:hsl(244, 1.5873015873%, 12.3529411765%);}#mermaid-graph-27 .task-type-3,#mermaid-graph-27 .section-type-3{fill:hsl(244, 1.5873015873%, 28.3529411765%);}#mermaid-graph-27 .task-type-4,#mermaid-graph-27 .section-type-4{fill:hsl(116, 1.5873015873%, 12.3529411765%);}#mermaid-graph-27 .task-type-5,#mermaid-graph-27 .section-type-5{fill:hsl(116, 1.5873015873%, 28.3529411765%);}#mermaid-graph-27 .task-type-6,#mermaid-graph-27 .section-type-6{fill:hsl(308, 1.5873015873%, 12.3529411765%);}#mermaid-graph-27 .task-type-7,#mermaid-graph-27 .section-type-7{fill:hsl(308, 1.5873015873%, 28.3529411765%);}#mermaid-graph-27 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g></g><defs><marker orient="auto" markerHeight="4" markerWidth="6" refY="2" refX="5" id="arrowhead"><path d="M 0,0 V 4 L6,2 Z"></path></marker></defs><circle r="7" stroke="#000" fill="#8FBC8F" class="actor-0" cy="60" cx="20"></circle><text class="legend" y="67" x="40"><tspan x="50">Cat</tspan></text><circle r="7" stroke="#000" fill="#7CFC00" class="actor-1" cy="80" cx="20"></circle><text class="legend" y="87" x="40"><tspan x="50">Me</tspan></text><g><rect class="journey-section section-type-0" ry="3" rx="3" height="50" width="550" stroke="#666" fill="#191970" y="50" x="150"></rect><switch><foreignObject height="50" width="550" y="50" x="150"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="journey-section section-type-0"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Go to work</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="journey-section section-type-0" alignment-baseline="central" dominant-baseline="central" y="75" x="425"><tspan dy="0" x="425">Go to work</tspan></text></switch></g><g><line stroke="#666" stroke-dasharray="4 2" stroke-width="1px" class="task-line" y2="450" x2="225" y1="110" x1="225" id="task15"></line><circle overflow="visible" stroke-width="2" r="15" class="face" cy="300" cx="225"></circle><g><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="295" cx="220"></circle><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="295" cx="230"></circle><path transform="translate(225,302)" d="M7.5,0A7.5,7.5,0,1,1,-7.5,0L-6.818,0A6.818,6.818,0,1,0,6.818,0Z" class="mouth"></path></g><rect class="task task-type-0" ry="3" rx="3" height="50" width="150" stroke="#666" fill="#191970" y="110" x="150"></rect><circle r="7" stroke="#000" fill="#7CFC00" class="actor-1" cy="110" cx="164"><title>Me</title></circle><switch><foreignObject height="50" width="150" y="110" x="150"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="task"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Make tea</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="task" alignment-baseline="central" dominant-baseline="central" y="135" x="225"><tspan dy="0" x="225">Make tea</tspan></text></switch></g><g><line stroke="#666" stroke-dasharray="4 2" stroke-width="1px" class="task-line" y2="450" x2="425" y1="110" x1="425" id="task16"></line><circle overflow="visible" stroke-width="2" r="15" class="face" cy="360" cx="425"></circle><g><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="355" cx="420"></circle><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="355" cx="430"></circle><line stroke-width="1px" y2="367" x2="430" y1="367" x1="420" stroke="#666" class="mouth"></line></g><rect class="task task-type-0" ry="3" rx="3" height="50" width="150" stroke="#666" fill="#191970" y="110" x="350"></rect><circle r="7" stroke="#000" fill="#7CFC00" class="actor-1" cy="110" cx="364"><title>Me</title></circle><switch><foreignObject height="50" width="150" y="110" x="350"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="task"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Go upstairs</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="task" alignment-baseline="central" dominant-baseline="central" y="135" x="425"><tspan dy="0" x="425">Go upstairs</tspan></text></switch></g><g><line stroke="#666" stroke-dasharray="4 2" stroke-width="1px" class="task-line" y2="450" x2="625" y1="110" x1="625" id="task17"></line><circle overflow="visible" stroke-width="2" r="15" class="face" cy="420" cx="625"></circle><g><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="415" cx="620"></circle><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="415" cx="630"></circle><path transform="translate(625,427)" d="M-7.5,0A7.5,7.5,0,1,1,7.5,0L6.818,0A6.818,6.818,0,1,0,-6.818,0Z" class="mouth"></path></g><rect class="task task-type-0" ry="3" rx="3" height="50" width="150" stroke="#666" fill="#191970" y="110" x="550"></rect><circle r="7" stroke="#000" fill="#7CFC00" class="actor-1" cy="110" cx="564"><title>Me</title></circle><circle r="7" stroke="#000" fill="#8FBC8F" class="actor-0" cy="110" cx="574"><title>Cat</title></circle><switch><foreignObject height="50" width="150" y="110" x="550"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="task"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Do work</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="task" alignment-baseline="central" dominant-baseline="central" y="135" x="625"><tspan dy="0" x="625">Do work</tspan></text></switch></g><g><rect class="journey-section section-type-1" ry="3" rx="3" height="50" width="350" stroke="#666" fill="#8B008B" y="50" x="750"></rect><switch><foreignObject height="50" width="350" y="50" x="750"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="journey-section section-type-1"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Go home</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="journey-section section-type-1" alignment-baseline="central" dominant-baseline="central" y="75" x="925"><tspan dy="0" x="925">Go home</tspan></text></switch></g><g><line stroke="#666" stroke-dasharray="4 2" stroke-width="1px" class="task-line" y2="450" x2="825" y1="110" x1="825" id="task18"></line><circle overflow="visible" stroke-width="2" r="15" class="face" cy="300" cx="825"></circle><g><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="295" cx="820"></circle><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="295" cx="830"></circle><path transform="translate(825,302)" d="M7.5,0A7.5,7.5,0,1,1,-7.5,0L-6.818,0A6.818,6.818,0,1,0,6.818,0Z" class="mouth"></path></g><rect class="task task-type-1" ry="3" rx="3" height="50" width="150" stroke="#666" fill="#8B008B" y="110" x="750"></rect><circle r="7" stroke="#000" fill="#7CFC00" class="actor-1" cy="110" cx="764"><title>Me</title></circle><switch><foreignObject height="50" width="150" y="110" x="750"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="task"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Go downstairs</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="task" alignment-baseline="central" dominant-baseline="central" y="135" x="825"><tspan dy="0" x="825">Go downstairs</tspan></text></switch></g><g><line stroke="#666" stroke-dasharray="4 2" stroke-width="1px" class="task-line" y2="450" x2="1025" y1="110" x1="1025" id="task19"></line><circle overflow="visible" stroke-width="2" r="15" class="face" cy="360" cx="1025"></circle><g><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="355" cx="1020"></circle><circle stroke="#666" fill="#666" stroke-width="2" r="1.5" cy="355" cx="1030"></circle><line stroke-width="1px" y2="367" x2="1030" y1="367" x1="1020" stroke="#666" class="mouth"></line></g><rect class="task task-type-1" ry="3" rx="3" height="50" width="150" stroke="#666" fill="#8B008B" y="110" x="950"></rect><circle r="7" stroke="#000" fill="#7CFC00" class="actor-1" cy="110" cx="964"><title>Me</title></circle><switch><foreignObject height="50" width="150" y="110" x="950"><div style="display: table; height: 100%; width: 100%;" xmlns="http://www.w3.org/1999/xhtml" class="task"><div style="display: table-cell; text-align: center; vertical-align: middle;" class="label">Sit down</div></div></foreignObject><text style="text-anchor: middle; font-size: 14px; font-family: &quot;Open Sans&quot;, sans-serif;" class="task" alignment-baseline="central" dominant-baseline="central" y="135" x="1025"><tspan dy="0" x="1025">Sit down</tspan></text></switch></g><text y="25" font-weight="bold" font-size="4ex" x="150">My working day</text><line marker-end="url(#arrowhead)" stroke="black" stroke-width="4" y2="200" x2="1146" y1="200" x1="150"></line></svg>