trilium/demo/Demo/Trilium Demo/Mermaid Diagrams/Class_mermaid-export.svg

<svg aria-roledescription="classDiagram" role="graphics-document document" viewBox="0 0 536.7265625 384" style="max-width: 536.7265625px;" xmlns="http://www.w3.org/2000/svg" width="100%" id="mermaid-graph-14"><style>#mermaid-graph-14{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#ccc;}#mermaid-graph-14 .error-icon{fill:#a44141;}#mermaid-graph-14 .error-text{fill:#ddd;stroke:#ddd;}#mermaid-graph-14 .edge-thickness-normal{stroke-width:2px;}#mermaid-graph-14 .edge-thickness-thick{stroke-width:3.5px;}#mermaid-graph-14 .edge-pattern-solid{stroke-dasharray:0;}#mermaid-graph-14 .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-graph-14 .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-graph-14 .marker{fill:lightgrey;stroke:lightgrey;}#mermaid-graph-14 .marker.cross{stroke:lightgrey;}#mermaid-graph-14 svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-graph-14 g.classGroup text{fill:#81B1DB;stroke:none;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:10px;}#mermaid-graph-14 g.classGroup text .title{font-weight:bolder;}#mermaid-graph-14 .nodeLabel,#mermaid-graph-14 .edgeLabel{color:#e0dfdf;}#mermaid-graph-14 .edgeLabel .label rect{fill:#1f2020;}#mermaid-graph-14 .label text{fill:#e0dfdf;}#mermaid-graph-14 .edgeLabel .label span{background:#1f2020;}#mermaid-graph-14 .classTitle{font-weight:bolder;}#mermaid-graph-14 .node rect,#mermaid-graph-14 .node circle,#mermaid-graph-14 .node ellipse,#mermaid-graph-14 .node polygon,#mermaid-graph-14 .node path{fill:#1f2020;stroke:#81B1DB;stroke-width:1px;}#mermaid-graph-14 .divider{stroke:#81B1DB;stroke-width:1;}#mermaid-graph-14 g.clickable{cursor:pointer;}#mermaid-graph-14 g.classGroup rect{fill:#1f2020;stroke:#81B1DB;}#mermaid-graph-14 g.classGroup line{stroke:#81B1DB;stroke-width:1;}#mermaid-graph-14 .classLabel .box{stroke:none;stroke-width:0;fill:#1f2020;opacity:0.5;}#mermaid-graph-14 .classLabel .label{fill:#81B1DB;font-size:10px;}#mermaid-graph-14 .relation{stroke:lightgrey;stroke-width:1;fill:none;}#mermaid-graph-14 .dashed-line{stroke-dasharray:3;}#mermaid-graph-14 .dotted-line{stroke-dasharray:1 2;}#mermaid-graph-14 #compositionStart,#mermaid-graph-14 .composition{fill:lightgrey!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #compositionEnd,#mermaid-graph-14 .composition{fill:lightgrey!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #dependencyStart,#mermaid-graph-14 .dependency{fill:lightgrey!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #dependencyStart,#mermaid-graph-14 .dependency{fill:lightgrey!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #extensionStart,#mermaid-graph-14 .extension{fill:transparent!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #extensionEnd,#mermaid-graph-14 .extension{fill:transparent!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #aggregationStart,#mermaid-graph-14 .aggregation{fill:transparent!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #aggregationEnd,#mermaid-graph-14 .aggregation{fill:transparent!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #lollipopStart,#mermaid-graph-14 .lollipop{fill:#1f2020!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 #lollipopEnd,#mermaid-graph-14 .lollipop{fill:#1f2020!important;stroke:lightgrey!important;stroke-width:1;}#mermaid-graph-14 .edgeTerminals{font-size:11px;}#mermaid-graph-14 .classTitleText{text-anchor:middle;font-size:18px;fill:#ccc;}#mermaid-graph-14 :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker aggregation classDiagram" id="mermaid-graph-14_classDiagram-aggregationStart"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker aggregation classDiagram" id="mermaid-graph-14_classDiagram-aggregationEnd"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker extension classDiagram" id="mermaid-graph-14_classDiagram-extensionStart"><path d="M 1,7 L18,13 V 1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker extension classDiagram" id="mermaid-graph-14_classDiagram-extensionEnd"><path d="M 1,1 V 13 L18,7 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="18" class="marker composition classDiagram" id="mermaid-graph-14_classDiagram-compositionStart"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="1" class="marker composition classDiagram" id="mermaid-graph-14_classDiagram-compositionEnd"><path d="M 18,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="6" class="marker dependency classDiagram" id="mermaid-graph-14_classDiagram-dependencyStart"><path d="M 5,7 L9,13 L1,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="28" markerWidth="20" refY="7" refX="13" class="marker dependency classDiagram" id="mermaid-graph-14_classDiagram-dependencyEnd"><path d="M 18,7 L9,13 L14,7 L9,1 Z"></path></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="13" class="marker lollipop classDiagram" id="mermaid-graph-14_classDiagram-lollipopStart"><circle r="6" cy="7" cx="7" fill="transparent" stroke="black"></circle></marker></defs><defs><marker orient="auto" markerHeight="240" markerWidth="190" refY="7" refX="1" class="marker lollipop classDiagram" id="mermaid-graph-14_classDiagram-lollipopEnd"><circle r="6" cy="7" cx="7" fill="transparent" stroke="black"></circle></marker></defs><g class="root"><g class="clusters"></g><g class="edgePaths"><path marker-start="url(#mermaid-graph-14_classDiagram-extensionStart)" style="fill:none" class="edge-pattern-solid relation" id="id1" d="M73.02,201L73.02,204.167C73.02,207.333,73.02,213.667,73.02,227.667C73.02,241.667,73.02,263.333,73.02,274.167L73.02,285"></path><path marker-end="url(#mermaid-graph-14_classDiagram-dependencyEnd)" style="fill:none" class="edge-pattern-solid relation" id="id2" d="M267.991,127L257.512,142.5C247.034,158,226.078,189,215.599,214.333C205.121,239.667,205.121,259.333,205.121,269.167L205.121,279"></path><path marker-end="url(#mermaid-graph-14_classDiagram-compositionEnd)" style="fill:none" class="edge-pattern-solid relation" id="id3" d="M289.285,127L289.285,142.5C289.285,158,289.285,189,289.285,212.333C289.285,235.667,289.285,251.333,289.285,259.167L289.285,267"></path><path marker-end="url(#mermaid-graph-14_classDiagram-extensionEnd)" style="fill:none" class="edge-pattern-solid relation" id="id4" d="M324.566,124.16L344.23,140.134C363.893,156.107,403.22,188.053,422.883,207.193C442.547,226.333,442.547,232.667,442.547,235.833L442.547,239"></path></g><g class="edgeLabels"><g transform="translate(73.01953125, 220)" class="edgeLabel"><g transform="translate(-15.73046875, -12)" class="label"><foreignObject height="24" width="31.4609375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><span class="edgeLabel">Cool</span></span></div></foreignObject></g></g><g transform="translate(205.12109375, 220)" class="edgeLabel"><g transform="translate(-43.90625, -12)" class="label"><foreignObject height="24" width="87.8125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="edgeLabel"><span class="edgeLabel">Where am i?</span></span></div></foreignObject></g></g><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 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(73.01953125, 95.5)" id="classId-Class01-21" class="node default"><rect height="175" width="97.34375" y="-87.5" x="-48.671875" class="outer title-state"></rect><line y2="-23.5" y1="-23.5" x2="48.671875" x1="-48.671875" class="divider"></line><line y2="48.5" y1="48.5" x2="48.671875" x1="-48.671875" class="divider"></line><g class="label"><foreignObject transform="translate( -41.171875, -80)" height="24" width="82.34375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">«interface»</span></div></foreignObject><foreignObject transform="translate( -27.78125, -52)" height="24" width="55.5625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Class01</span></div></foreignObject><foreignObject transform="translate( -41.171875, -12)" height="24" width="67.890625"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">int chimp</span></div></foreignObject><foreignObject transform="translate( -41.171875, 16)" height="24" width="69.7109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">int gorilla</span></div></foreignObject><foreignObject transform="translate( -41.171875, 56)" height="24" width="39.109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">size()</span></div></foreignObject></g></g><g transform="translate(73.01953125, 316.5)" id="classId-AveryLongClass-22" class="node default"><rect height="63" width="130.0390625" y="-31.5" x="-65.01953125" class="outer title-state"></rect><line y2="4.5" y1="4.5" x2="65.01953125" x1="-65.01953125" class="divider"></line><line y2="20.5" y1="20.5" x2="65.01953125" x1="-65.01953125" class="divider"></line><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -57.51953125, -24)" height="24" width="115.0390625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">AveryLongClass</span></div></foreignObject></g></g><g transform="translate(289.28515625, 95.5)" id="classId-Class09-23" class="node default"><rect height="63" width="70.5625" y="-31.5" x="-35.28125" class="outer title-state"></rect><line y2="4.5" y1="4.5" x2="35.28125" x1="-35.28125" class="divider"></line><line y2="20.5" y1="20.5" x2="35.28125" x1="-35.28125" class="divider"></line><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -27.78125, -24)" height="24" width="55.5625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Class09</span></div></foreignObject></g></g><g transform="translate(205.12109375, 316.5)" id="classId-C2-24" class="node default"><rect height="63" width="34.1640625" y="-31.5" x="-17.08203125" class="outer title-state"></rect><line y2="4.5" y1="4.5" x2="17.08203125" x1="-17.08203125" class="divider"></line><line y2="20.5" y1="20.5" x2="17.08203125" x1="-17.08203125" class="divider"></line><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -9.58203125, -24)" height="24" width="19.1640625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">C2</span></div></foreignObject></g></g><g transform="translate(289.28515625, 316.5)" id="classId-C3-25" class="node default"><rect height="63" width="34.1640625" y="-31.5" x="-17.08203125" class="outer title-state"></rect><line y2="4.5" y1="4.5" x2="17.08203125" x1="-17.08203125" class="divider"></line><line y2="20.5" y1="20.5" x2="17.08203125" x1="-17.08203125" class="divider"></line><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -9.58203125, -24)" height="24" width="19.1640625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">C3</span></div></foreignObject></g></g><g transform="translate(442.546875, 316.5)" id="classId-Class07-26" class="node default"><rect height="119" width="172.359375" y="-59.5" x="-86.1796875" class="outer title-state"></rect><line y2="-23.5" y1="-23.5" x2="86.1796875" x1="-86.1796875" class="divider"></line><line y2="20.5" y1="20.5" x2="86.1796875" x1="-86.1796875" class="divider"></line><g class="label"><foreignObject height="0" width="0"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel"></span></div></foreignObject><foreignObject transform="translate( -27.78125, -52)" height="24" width="55.5625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Class07</span></div></foreignObject><foreignObject transform="translate( -78.6796875, -12)" height="24" width="157.359375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Object[] elementData</span></div></foreignObject><foreignObject transform="translate( -78.6796875, 28)" height="24" width="57.734375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">equals()</span></div></foreignObject></g></g><g transform="translate(415.69140625, 95.5)" id="classId-Class10-27" class="node default"><rect height="147" width="82.25" y="-73.5" x="-41.125" class="outer title-state"></rect><line y2="-9.5" y1="-9.5" x2="41.125" x1="-41.125" class="divider"></line><line y2="34.5" y1="34.5" x2="41.125" x1="-41.125" class="divider"></line><g class="label"><foreignObject transform="translate( -33.625, -66)" height="24" width="67.25"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">«service»</span></div></foreignObject><foreignObject transform="translate( -27.78125, -38)" height="24" width="55.5625" class="classTitle"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">Class10</span></div></foreignObject><foreignObject transform="translate( -33.625, 2)" height="24" width="37.9453125"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">int id</span></div></foreignObject><foreignObject transform="translate( -33.625, 42)" height="24" width="39.109375"><div style="display: inline-block; white-space: nowrap;" xmlns="http://www.w3.org/1999/xhtml"><span class="nodeLabel">size()</span></div></foreignObject></g></g></g></g></g></svg>