Notes/demo/root/Trilium Demo/Mind map_mindmap-export.svg
2025-03-30 23:51:46 +03:00

2 lines
48 KiB
XML

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" height="2556px" width="1282px"><rect x="0" y="0" width="1282" height="2556" fill="#252526"></rect><svg x="100" y="100" overflow="visible"><svg class="subLines" overflow="visible" x="65" y="45"><path d="M 595 177 C 565 177 577.6 51 535 51 H 396" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 595 177 C 565 177 572.5 102 535 102 H 489" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 595 177 C 565 177 567.5 152 535 152 H 424" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 595 177 C 565 177 567.6 203 535 203 H 276" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 595 177 C 565 177 575.1 278 535 278 H 348" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 348 278 C 318 278 320.5 253 288 253 H 30" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 348 278 C 318 278 320.6 304 288 304 H 78" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 595 177 C 565 177 582.7 354 535 354 H 439" stroke="#848FA0" fill="none" stroke-width="2"></path><path d="M 439 354 C 409 354 409 354 379 354 H 99" stroke="#848FA0" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="440" y="444"><path d="M 311 76 C 281 76 283.5 51 251 51 H 57" stroke="#748BE9" fill="none" stroke-width="2"></path><path d="M 311 76 C 281 76 283.6 102 251 102 H 30" stroke="#748BE9" fill="none" stroke-width="2"></path><path d="M 311 76 C 281 76 288.6 152 251 152 H 86" stroke="#748BE9" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="305" y="640"><path d="M 401 50 C 371 50 371.1 51 341 51 H 82" stroke="#D2F9FE" fill="none" stroke-width="2"></path><path d="M 401 50 C 371 50 376.2 102 341 102 H 30" stroke="#D2F9FE" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="352" y="786"><path d="M 369 76 C 339 76 341.6 102 309 102 H 166" stroke="#4145A5" fill="none" stroke-width="2"></path><path d="M 166 102 C 136 102 141.1 51 106 51 H 73" stroke="#4145A5" fill="none" stroke-width="2"></path><path d="M 166 102 C 136 102 136 102 106 102 H 62" stroke="#4145A5" fill="none" stroke-width="2"></path><path d="M 166 102 C 136 102 141 152 106 152 H 30" stroke="#4145A5" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="470" y="983"><path d="M 225 101 C 195 101 200 51 165 51 H 73" stroke="#789AFA" fill="none" stroke-width="2"></path><path d="M 225 101 C 195 101 195.1 102 165 102 H 30" stroke="#789AFA" fill="none" stroke-width="2"></path><path d="M 225 101 C 195 101 200.1 152 165 152 H 89" stroke="#789AFA" fill="none" stroke-width="2"></path><path d="M 225 101 C 195 101 205.2 203 165 203 H 78" stroke="#789AFA" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="430" y="1230"><path d="M 335 76 C 305 76 307.5 51 275 51 H 74" stroke="#706CF4" fill="none" stroke-width="2"></path><path d="M 335 76 C 305 76 307.6 102 275 102 H 30" stroke="#706CF4" fill="none" stroke-width="2"></path><path d="M 335 76 C 305 76 312.6 152 275 152 H 38" stroke="#706CF4" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="471" y="1426"><path d="M 245 212 C 215 212 228.6 76 185 76 H 30" stroke="#EF987F" fill="none" stroke-width="2"></path><path d="M 245 212 C 215 212 223.5 127 185 127 H 94" stroke="#EF987F" fill="none" stroke-width="2"></path><path d="M 245 212 C 215 212 218.4 178 185 178 H 40" stroke="#EF987F" fill="none" stroke-width="2"></path><path d="M 245 212 C 215 212 218.8 250 185 250 H 94" stroke="#EF987F" fill="none" stroke-width="2"></path><path d="M 245 212 C 215 212 226.1 323 185 323 H 72" stroke="#EF987F" fill="none" stroke-width="2"></path><path d="M 245 212 C 215 212 231.3 375 185 375 H 120" stroke="#EF987F" fill="none" stroke-width="2"></path><path d="M 245 212 C 215 212 236.3 425 185 425 H 59" stroke="#EF987F" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="197" y="1896"><path d="M 522 36 C 492 36 495.7 73 462 73 H 30" stroke="#775DD5" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="562" y="2014"><path d="M 149 76 C 119 76 121.5 51 89 51 H 34" stroke="#FCEECF" fill="none" stroke-width="2"></path><path d="M 149 76 C 119 76 121.6 102 89 102 H 30" stroke="#FCEECF" fill="none" stroke-width="2"></path><path d="M 149 76 C 119 76 126.6 152 89 152 H 43" stroke="#FCEECF" fill="none" stroke-width="2"></path></svg><svg class="subLines" overflow="visible" x="175" y="2210"><path d="M 563 50 C 533 50 535.6 76 503 76 H 348" stroke="#DA7FBC" fill="none" stroke-width="2"></path><path d="M 348 76 C 318 76 320.5 51 288 51 H 30" stroke="green" fill="none" stroke-width="2"></path><path d="M 348 76 C 318 76 320.6 102 288 102 H 231" stroke="#DA7FBC" fill="none" stroke-width="2"></path></svg><svg class="lines" overflow="visible"><path d="M 953.5663890067912 1178.5 Q 953.5663890067912 222 817 222" stroke="#848FA0" fill="none" stroke-width="3"></path><path d="M 950.5781674448217 1178.5 Q 950.5781674448217 520 818 520" stroke="#748BE9" fill="none" stroke-width="3"></path><path d="M 948.8734772920204 1178.5 Q 948.8734772920204 690 817 690" stroke="#D2F9FE" fill="none" stroke-width="3"></path><path d="M 947.1487319609508 1178.5 Q 947.1487319609508 862 817 862" stroke="#4145A5" fill="none" stroke-width="3"></path><path d="M 944.9226071731749 1178.5 Q 944.9226071731749 1084 818 1084" stroke="#789AFA" fill="none" stroke-width="3"></path><path d="M 945.253517614601 1178.5 Q 945.253517614601 1306 818 1306" stroke="#706CF4" fill="none" stroke-width="3"></path><path d="M 948.5826772071307 1178.5 Q 948.5826772071307 1638 817 1638" stroke="#EF987F" fill="none" stroke-width="3"></path><path d="M 951.5307884125637 1178.5 Q 951.5307884125637 1932 818 1932" stroke="#775DD5" fill="none" stroke-width="3"></path><path d="M 953.1151474957555 1178.5 Q 953.1151474957555 2090 817 2090" stroke="#FCEECF" fill="none" stroke-width="3"></path><path d="M 954.8198376485569 1178.5 Q 954.8198376485569 2260 817 2260" stroke="#DA7FBC" fill="none" stroke-width="3"></path></svg><svg class="topiclinks" overflow="visible"><g data-linkid="ac5fb1df7345e9c4"><path d="M 641 2035.5241128547214 C 761.3828125 1987.5 762.6171875 2140.5 641 2103.0453135860557" stroke="rgb(235, 95, 82)" fill="none" stroke-linecap="cap" stroke-width="2" stroke-dasharray="8,2"></path><path d="M 652.6983510738028 2100.3716303299357 L 641 2103.0453135860557 L 649.1646531583744 2111.839541170298" stroke="rgb(235, 95, 82)" fill="none" stroke-linecap="cap" stroke-width="2"></path><path d="" stroke="rgb(235, 95, 82)" fill="none" stroke-linecap="cap" stroke-width="2"></path><text text-anchor="middle" x="731.75" y="2065.321178305097" fill="#cccccc" data-type="custom-link">Render</text></g></svg><svg class="summary" overflow="visible"><g id="s-a5e68e6a2ce1b648"><path d="M 185 2240 c -5 0 -10 5 -10 10 L 175 2292 c 0 5 5 10 10 10 M 175 2271 h -10" stroke="#cccccc" fill="none" stroke-linecap="round" stroke-width="2"></path><text text-anchor="end" x="155" y="2277" fill="#cccccc">summary</text></g><g id="s-a5e6978f1bc69f4a"><path d="M 75 227 c -5 0 -10 5 -10 10 L 65 379 c 0 5 5 10 10 10 M 65 308 h -10" stroke="#cccccc" fill="none" stroke-linecap="round" stroke-width="2"></path><text text-anchor="end" x="45" y="314" fill="#cccccc">summary</text></g></svg><rect x="630" y="201" rx="20px" ry="20px" width="187.194px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(132, 143, 160)" stroke-width="1.77778px"></rect><g><rect x="655" y="209" rx="0px" ry="0px" width="133.639px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="655" y="209" width="133.639px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">What is Mind Elixir</div></foreignObject></g><rect x="461" y="61" rx="3px" ry="3px" width="129.736px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="464" y="64" rx="0px" ry="0px" width="123.736px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="464" y="64" width="123.736px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">A mind map core</div></foreignObject></g><rect x="554" y="112" rx="3px" ry="3px" width="36.5px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="557" y="115" rx="0px" ry="0px" width="30.5px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="557" y="115" width="30.5px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Free</div></foreignObject></g><rect x="489" y="162" rx="3px" ry="3px" width="101.014px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="492" y="165" rx="0px" ry="0px" width="95.0139px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="492" y="165" width="95.0139px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Open-Source</div></foreignObject></g><rect x="341" y="213" rx="3px" ry="3px" width="248.903px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="344" y="216" rx="0px" ry="0px" width="242.903px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="344" y="216" width="242.903px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Use without JavaScript framework</div></foreignObject></g><rect x="413" y="288" rx="3px" ry="3px" width="176.847px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="416" y="291" rx="0px" ry="0px" width="170.847px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="416" y="291" width="170.847px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Use in your own project</div></foreignObject></g><rect x="95" y="263" rx="3px" ry="3px" width="258.417px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="98" y="266" rx="0px" ry="0px" width="252.417px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="98" y="266" width="252.417px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">import MindElixir from 'mind-elixir'</div></foreignObject></g><rect x="143" y="314" rx="3px" ry="3px" width="210.097px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="146" y="317" rx="0px" ry="0px" width="204.097px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="146" y="317" width="204.097px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">new MindElixir({...}).init(data)</div></foreignObject></g><rect x="504" y="364" rx="3px" ry="3px" width="85.9722px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="507" y="367" rx="0px" ry="0px" width="79.9722px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="507" y="367" width="79.9722px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Easy to use</div></foreignObject></g><rect x="164" y="364" rx="3px" ry="3px" width="280.139px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="167" y="367" rx="0px" ry="0px" width="274.139px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="167" y="367" width="274.139px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Use it like other mind map application</div></foreignObject></g><rect x="721" y="499" rx="20px" ry="20px" width="96.6528px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(116, 139, 233)" stroke-width="1.77778px"></rect><g><rect x="746" y="507" rx="0px" ry="0px" width="43.0972px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="746" y="507" width="43.0972px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Basics</div></foreignObject></g><rect x="497" y="460" rx="3px" ry="3px" width="183.931px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="500" y="463" rx="0px" ry="0px" width="177.931px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="500" y="463" width="177.931px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">tab - Create a child node</div></foreignObject></g><rect x="470" y="511" rx="3px" ry="3px" width="210.917px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="473" y="514" rx="0px" ry="0px" width="204.917px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="473" y="514" width="204.917px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">enter - Create a sibling node</div></foreignObject></g><rect x="526" y="561" rx="3px" ry="3px" width="155.208px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="529" y="564" rx="0px" ry="0px" width="149.208px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="529" y="564" width="149.208px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">del - Remove a node</div></foreignObject></g><rect x="676" y="669" rx="20px" ry="20px" width="140.889px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(210, 249, 254)" stroke-width="1.77778px"></rect><g><rect x="701" y="677" rx="0px" ry="0px" width="87.3333px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="701" y="677" width="87.3333px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Focus mode</div></foreignObject></g><rect x="387" y="656" rx="3px" ry="3px" width="249.236px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="390" y="659" rx="0px" ry="0px" width="243.236px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="390" y="659" width="243.236px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Right click and select Focus Mode</div></foreignObject></g><rect x="335" y="707" rx="3px" ry="3px" width="301.25px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="338" y="710" rx="0px" ry="0px" width="295.25px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="338" y="710" width="295.25px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Right click and select Cancel Focus Mode</div></foreignObject></g><rect x="691" y="841" rx="20px" ry="20px" width="126.319px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(65, 69, 165)" stroke-width="1.77778px"></rect><g><rect x="716" y="849" rx="0px" ry="0px" width="72.7639px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="716" y="849" width="72.7639px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Left menu</div></foreignObject></g><rect x="518" y="853" rx="3px" ry="3px" width="133.264px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="521" y="856" rx="0px" ry="0px" width="127.264px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="521" y="856" width="127.264px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Node distribution</div></foreignObject></g><rect x="425" y="802" rx="3px" ry="3px" width="33.2917px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="428" y="805" rx="0px" ry="0px" width="27.2917px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="428" y="805" width="27.2917px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Left</div></foreignObject></g><rect x="414" y="853" rx="3px" ry="3px" width="44.1944px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="417" y="856" rx="0px" ry="0px" width="38.1944px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="417" y="856" width="38.1944px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Right</div></foreignObject></g><rect x="382" y="903" rx="3px" ry="3px" width="75.8472px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="385" y="906" rx="0px" ry="0px" width="69.8472px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="385" y="906" width="69.8472px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Both l &amp; r</div></foreignObject></g><rect x="665" y="1063" rx="20px" ry="20px" width="152.611px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(120, 154, 250)" stroke-width="1.77778px"></rect><g><rect x="690" y="1071" rx="0px" ry="0px" width="99.0556px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="690" y="1071" width="99.0556px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Bottom menu</div></foreignObject></g><rect x="543" y="999" rx="3px" ry="3px" width="81.8611px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="546" y="1002" rx="0px" ry="0px" width="75.8611px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="546" y="1002" width="75.8611px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Full screen</div></foreignObject></g><rect x="500" y="1050" rx="3px" ry="3px" width="124.958px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="503" y="1053" rx="0px" ry="0px" width="118.958px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="503" y="1053" width="118.958px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Return to Center</div></foreignObject></g><rect x="559" y="1100" rx="3px" ry="3px" width="66.0972px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="562" y="1103" rx="0px" ry="0px" width="60.0972px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="562" y="1103" width="60.0972px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Zoom in</div></foreignObject></g><rect x="548" y="1151" rx="3px" ry="3px" width="77.2222px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="551" y="1154" rx="0px" ry="0px" width="71.2222px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="551" y="1154" width="71.2222px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Zoom out</div></foreignObject></g><rect x="735" y="1285" rx="20px" ry="20px" width="82.6528px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(112, 108, 244)" stroke-width="1.77778px"></rect><g><rect x="760" y="1293" rx="0px" ry="0px" width="29.0972px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="760" y="1293" width="29.0972px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Link</div></foreignObject></g><rect x="504" y="1246" rx="3px" ry="3px" width="190.403px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="507" y="1249" rx="0px" ry="0px" width="184.403px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="507" y="1249" width="184.403px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Right click and select Link</div></foreignObject></g><rect x="460" y="1297" rx="3px" ry="3px" width="234.694px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="463" y="1300" rx="0px" ry="0px" width="228.694px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="463" y="1300" width="228.694px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Click the target you want to link</div></foreignObject></g><rect x="468" y="1347" rx="3px" ry="3px" width="226.75px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="471" y="1350" rx="0px" ry="0px" width="220.75px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="471" y="1350" width="220.75px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Modify link with control points</div></foreignObject></g><rect x="686" y="1617" rx="20px" ry="20px" width="130.792px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(239, 152, 127)" stroke-width="1.77778px"></rect><g><rect x="711" y="1625" rx="0px" ry="0px" width="77.2361px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="711" y="1625" width="77.2361px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Node style</div></foreignObject></g><rect x="501" y="1442" rx="3px" ry="3px" width="145.333px" height="54px" fill="rgba(0, 0, 0, 0)" stroke="rgb(50, 152, 219)" stroke-width="0px"></rect><g><rect x="504" y="1445" rx="0px" ry="0px" width="139.333px" height="48px" fill="rgba(0, 0, 0, 0)" stroke="rgb(50, 152, 219)" stroke-width="0px"></rect><foreignObject x="504" y="1445" width="139.333px" height="48px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 32px; font-weight: 400; color: rgb(50, 152, 219); white-space: pre-wrap;">Font Size</div></foreignObject></g><rect x="565" y="1518" rx="3px" ry="3px" width="81.5833px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(192, 57, 44)" stroke-width="0px"></rect><g><rect x="568" y="1521" rx="0px" ry="0px" width="75.5833px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(192, 57, 44)" stroke-width="0px"></rect><foreignObject x="568" y="1521" width="75.5833px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(192, 57, 44); white-space: pre-wrap;">Font Color</div></foreignObject></g><rect x="511" y="1569" rx="3px" ry="3px" width="135.028px" height="28.5px" fill="rgb(44, 62, 80)" stroke="rgb(189, 195, 199)" stroke-width="0px"></rect><g><rect x="514" y="1572" rx="0px" ry="0px" width="129.028px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(189, 195, 199)" stroke-width="0px"></rect><foreignObject x="514" y="1572" width="129.028px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(189, 195, 199); white-space: pre-wrap;">Background Color</div></foreignObject></g><rect x="565" y="1619" rx="3px" ry="3px" width="81.4306px" height="51.4306px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="568" y="1622" rx="0px" ry="0px" width="64.5833px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="568" y="1622" width="64.5833px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Add tags</div></foreignObject></g><rect x="543" y="1692" rx="3px" ry="3px" width="103px" height="51.4306px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="546" y="1695" rx="0px" ry="0px" width="71.4028px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="546" y="1695" width="71.4028px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Add icons</div></foreignObject></g><rect x="591" y="1766" rx="3px" ry="3px" width="55.5972px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="594" y="1769" rx="0px" ry="0px" width="49.5972px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="594" y="1769" width="49.5972px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 700; color: rgb(204, 204, 204); white-space: pre-wrap;">Bolder</div></foreignObject></g><rect x="530" y="1816" rx="3px" ry="3px" width="116.778px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="533" y="1819" rx="0px" ry="0px" width="73.1806px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="533" y="1819" width="73.1806px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Hyper link</div></foreignObject></g><rect x="689" y="1911" rx="20px" ry="20px" width="128.542px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(119, 93, 213)" stroke-width="1.77778px"></rect><g><rect x="714" y="1919" rx="0px" ry="0px" width="74.9861px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="714" y="1919" width="74.9861px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Draggable</div></foreignObject></g><rect x="227" y="1912" rx="3px" ry="3px" width="421.542px" height="51px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="230" y="1915" rx="0px" ry="0px" width="415.542px" height="45px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="230" y="1915" width="415.542px" height="45px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Drag a node to another node
and the former one will become a child node of latter one</div></foreignObject></g><rect x="681" y="2069" rx="20px" ry="20px" width="136.486px" height="42.0556px" fill="rgb(76, 79, 105)" stroke="rgb(252, 238, 207)" stroke-width="1.77778px"></rect><g><rect x="706" y="2077" rx="0px" ry="0px" width="82.9306px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="706" y="2077" width="82.9306px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Export data</div></foreignObject></g><rect x="596" y="2030" rx="3px" ry="3px" width="45.0139px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="599" y="2033" rx="0px" ry="0px" width="39.0139px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="599" y="2033" width="39.0139px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">JSON</div></foreignObject></g><rect x="592" y="2081" rx="3px" ry="3px" width="48.5417px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="595" y="2084" rx="0px" ry="0px" width="42.5417px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="595" y="2084" width="42.5417px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">HTML</div></foreignObject></g><rect x="605" y="2131" rx="3px" ry="3px" width="35.6111px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="608" y="2134" rx="0px" ry="0px" width="29.6111px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="608" y="2134" width="29.6111px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">SVG</div></foreignObject></g><rect x="708" y="2239" rx="20px" ry="20px" width="109.472px" height="42.0556px" fill="rgb(241, 196, 14)" stroke="rgb(218, 127, 188)" stroke-width="1.77778px"></rect><g><rect x="733" y="2247" rx="0px" ry="0px" width="55.9167px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="733" y="2247" width="55.9167px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Caution</div></foreignObject></g><rect x="523" y="2251" rx="3px" ry="3px" width="144.806px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="526" y="2254" rx="0px" ry="0px" width="138.806px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="526" y="2254" width="138.806px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Only save manually</div></foreignObject></g><rect x="205" y="2226" rx="3px" ry="3px" width="258.028px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="208" y="2229" rx="0px" ry="0px" width="252.028px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="208" y="2229" width="252.028px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">Save button in the top-right corner</div></foreignObject></g><rect x="406" y="2277" rx="3px" ry="3px" width="57.4861px" height="28.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><rect x="409" y="2280" rx="0px" ry="0px" width="51.4861px" height="22.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><foreignObject x="409" y="2280" width="51.4861px" height="22.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 15px; font-weight: 400; color: rgb(204, 204, 204); white-space: pre-wrap;">ctrl + S</div></foreignObject></g><rect x="892" y="1129" rx="30px" ry="30px" width="189.333px" height="98.5556px" fill="rgb(76, 79, 105)" stroke="rgba(0, 0, 0, 0)" stroke-width="1.77778px"></rect><g><rect x="924" y="1141" rx="0px" ry="0px" width="125.778px" height="37.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="0px"></rect><foreignObject x="924" y="1141" width="125.778px" height="37.5px"><div xmlns="http://www.w3.org/1999/xhtml" style="font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif; font-size: 25px; font-weight: 400; color: rgb(255, 255, 255); white-space: pre-wrap;">Mind Elixir</div></foreignObject></g><g><rect x="568" y="1648" rx="3px" ry="3px" width="71.4306px" height="19.5972px" fill="rgb(214, 240, 248)" stroke="rgb(39, 111, 134)" stroke-width="0px"></rect><g><text x="572" y="1663.5" text-anchor="start" font-family="-apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif" font-size="12px" font-weight="400" fill="rgb(39, 111, 134)">Completed</text></g></g><g><rect x="546" y="1721" rx="3px" ry="3px" width="36.4306px" height="19.5972px" fill="rgb(214, 240, 248)" stroke="rgb(39, 111, 134)" stroke-width="0px"></rect><g><text x="550" y="1736.5" text-anchor="start" font-family="-apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif" font-size="12px" font-weight="400" fill="rgb(39, 111, 134)">www</text></g></g><g><rect x="924" y="1193" rx="3px" ry="3px" width="98px" height="19.5972px" fill="rgb(214, 240, 248)" stroke="rgb(39, 111, 134)" stroke-width="0px"></rect><g><text x="928" y="1208.5" text-anchor="start" font-family="-apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif" font-size="12px" font-weight="400" fill="rgb(39, 111, 134)">Mind Map Core</text></g></g><g><rect x="622" y="1697" rx="0px" ry="0px" width="20.5972px" height="19.5px" fill="rgba(0, 0, 0, 0)" stroke="rgb(204, 204, 204)" stroke-width="0px"></rect><g><text x="622" y="1714" text-anchor="start" font-family="-apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif" font-size="15px" font-weight="400" fill="rgb(204, 204, 204)">😂</text></g></g><a href="https://github.com/ssshooter/mind-elixir-core"><text x="611" y="1835" text-anchor="start" font-family="-apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Source Han Sans SC&quot;, &quot;Noto Sans CJK SC&quot;, &quot;WenQuanYi Micro Hei&quot;, sans-serif" font-size="15px" font-weight="400" fill="rgb(135, 206, 250)">🔗</text></a></svg></svg>