luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update test

Browse source
This commit is contained in:
Gavin Nishizawa 2023-07-03 18:50:26 -07:00
parent dfa9600bbb
commit a42da3d190
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
2 changed files with 40 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
e2etests/testdata/stable/all_shapes_link/dagre/sketch.exp.svg vendored
View file

@ -123,7 +123,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 137 504 H 226 C 227 504 228 504 229 505 L 246 521 C 247 522 247 523 247 524 V 591 C 247 591 247 591 247 591 H 137 C 136 591 136 591 136 591 V 505 C 136 504 136 504 137 504 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 591 H 137 C 136 591 136 591 136 590 V 505 C 136 504 136 504 137 504 H 225 C 226 504 226 504 226 505 V 522 C 226 523 227 524 228 524 H 246 C 247 524 247 524 247 525 V 590 C 246 591 247 591 246 591 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="553.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(221 496)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 137 504 H 226 C 227 504 228 504 229 505 L 246 521 C 247 522 247 523 247 524 V 591 C 247 591 247 591 247 591 H 137 C 136 591 136 591 136 591 V 505 C 136 504 136 504 137 504 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 591 H 137 C 136 591 136 591 136 590 V 505 C 136 504 136 504 137 504 H 225 C 226 504 226 504 226 505 V 522 C 226 523 227 524 228 524 H 246 C 247 524 247 524 247 525 V 590 C 246 591 247 591 246 591 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="553.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(210 488)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -171,7 +171,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 635 83 H 760 C 784 83 784 113 784 116 C 784 119 784 149 760 149 H 635 C 611 149 611 119 611 116 C 611 113 611 83 635 83 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 83 C 736 83 736 113 736 116 C 736 119 736 149 760 149" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(757 71)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 635 83 H 760 C 784 83 784 113 784 116 C 784 119 784 149 760 149 H 635 C 611 149 611 119 611 116 C 611 113 611 83 635 83 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 83 C 736 83 736 113 736 116 C 736 119 736 149 760 149" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="121.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(744 67)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -329,7 +329,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 137 1240 H 226 C 227 1240 228 1240 229 1241 L 246 1257 C 247 1258 247 1259 247 1260 V 1327 C 247 1327 247 1327 247 1327 H 137 C 136 1327 136 1327 136 1327 V 1241 C 136 1240 136 1240 137 1240 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 1327 H 137 C 136 1327 136 1327 136 1326 V 1241 C 136 1240 136 1240 137 1240 H 225 C 226 1240 226 1240 226 1241 V 1258 C 226 1259 227 1260 228 1260 H 246 C 247 1260 247 1260 247 1261 V 1326 C 246 1327 247 1327 246 1327 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="1289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(221 1232)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 137 1240 H 226 C 227 1240 228 1240 229 1241 L 246 1257 C 247 1258 247 1259 247 1260 V 1327 C 247 1327 247 1327 247 1327 H 137 C 136 1327 136 1327 136 1327 V 1241 C 136 1240 136 1240 137 1240 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 246 1327 H 137 C 136 1327 136 1327 136 1326 V 1241 C 136 1240 136 1240 137 1240 H 225 C 226 1240 226 1240 226 1241 V 1258 C 226 1259 227 1260 228 1260 H 246 C 247 1260 247 1260 247 1261 V 1326 C 246 1327 247 1327 246 1327 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="191.500000" y="1289.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(210 1224)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -381,7 +381,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 635 819 H 760 C 784 819 784 849 784 852 C 784 855 784 885 760 885 H 635 C 611 885 611 855 611 852 C 611 849 611 819 635 819 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 819 C 736 819 736 849 736 852 C 736 855 736 885 760 885" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(757 807)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 635 819 H 760 C 784 819 784 849 784 852 C 784 855 784 885 760 885 H 635 C 611 885 611 855 611 852 C 611 849 611 819 635 819 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 760 819 C 736 819 736 849 736 852 C 736 855 736 885 760 885" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="857.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(744 803)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -574,7 +574,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 57 2022 H 178 C 179 2022 180 2022 181 2023 L 198 2039 C 199 2040 199 2041 199 2042 V 2109 C 199 2109 199 2109 199 2109 H 57 C 56 2109 56 2109 56 2109 V 2023 C 56 2022 56 2022 57 2022 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 198 2109 H 57 C 56 2109 56 2109 56 2108 V 2023 C 56 2022 56 2022 57 2022 H 177 C 178 2022 178 2022 178 2023 V 2040 C 178 2041 179 2042 180 2042 H 198 C 199 2042 199 2042 199 2043 V 2108 C 198 2109 199 2109 198 2109 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="127.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(171 2013)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 57 2022 H 178 C 179 2022 180 2022 181 2023 L 198 2039 C 199 2040 199 2041 199 2042 V 2109 C 199 2109 199 2109 199 2109 H 57 C 56 2109 56 2109 56 2109 V 2023 C 56 2022 56 2022 57 2022 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 198 2109 H 57 C 56 2109 56 2109 56 2108 V 2023 C 56 2022 56 2022 57 2022 H 177 C 178 2022 178 2022 178 2023 V 2040 C 178 2041 179 2042 180 2042 H 198 C 199 2042 199 2042 199 2043 V 2108 C 198 2109 199 2109 198 2109 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="127.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(162 2006)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -587,7 +587,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(139 2013)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(130 2006)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -649,7 +649,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 321 2031 C 321 2007 397 2007 405 2007 C 413 2007 489 2007 489 2031 V 2101 C 489 2125 413 2125 405 2125 C 397 2125 321 2125 321 2101 V 2031 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 321 2031 C 321 2055 397 2055 405 2055 C 413 2055 489 2055 489 2031" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="405.000000" y="2083.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(460 2000)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 321 2031 C 321 2007 397 2007 405 2007 C 413 2007 489 2007 489 2031 V 2101 C 489 2125 413 2125 405 2125 C 397 2125 321 2125 321 2101 V 2031 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 321 2031 C 321 2055 397 2055 405 2055 C 413 2055 489 2055 489 2031" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="405.000000" y="2083.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(470 1995)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -662,7 +662,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(428 2000)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(438 1995)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -674,7 +674,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 619 1555 H 776 C 800 1555 800 1585 800 1588 C 800 1591 800 1621 776 1621 H 619 C 595 1621 595 1591 595 1588 C 595 1585 595 1555 619 1555 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 776 1555 C 752 1555 752 1585 752 1588 C 752 1591 752 1621 776 1621" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(773 1543)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 619 1555 H 776 C 800 1555 800 1585 800 1588 C 800 1591 800 1621 776 1621 H 619 C 595 1621 595 1591 595 1588 C 595 1585 595 1555 619 1555 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 776 1555 C 752 1555 752 1585 752 1588 C 752 1591 752 1621 776 1621" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="685.500000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(760 1539)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -687,7 +687,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(741 1543)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(728 1539)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -799,7 +799,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 1012 2095 H 885 V 2094 C 885 2080 899 2066 921 2060 C 909 2055 902 2047 902 2038 C 902 2022 923 2010 948 2010 C 974 2010 995 2022 995 2038 C 995 2047 988 2055 976 2060 C 998 2066 1012 2079 1012 2094 V 2095 H 1012 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="948.500000" y="2116.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(974 2009)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 1012 2095 H 885 V 2094 C 885 2080 899 2066 921 2060 C 909 2055 902 2047 902 2038 C 902 2022 923 2010 948 2010 C 974 2010 995 2022 995 2038 C 995 2047 988 2055 976 2060 C 998 2066 1012 2079 1012 2094 V 2095 H 1012 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="948.500000" y="2116.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(992 1999)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -812,7 +812,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(942 2009)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(960 1999)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -824,7 +824,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1230 1634 C 1229 1634 1228 1634 1227 1634 L 1089 1589 C 1088 1589 1088 1588 1089 1587 L 1227 1542 C 1228 1542 1231 1542 1232 1542 L 1370 1587 C 1371 1587 1371 1588 1370 1589 L 1233 1634 C 1232 1634 1231 1634 1230 1634 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1230.000000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1286 1549)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1230 1634 C 1229 1634 1228 1634 1227 1634 L 1089 1589 C 1088 1589 1088 1588 1089 1587 L 1227 1542 C 1228 1542 1231 1542 1232 1542 L 1370 1587 C 1371 1587 1371 1588 1370 1589 L 1233 1634 C 1232 1634 1231 1634 1230 1634 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1230.000000" y="1593.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1309 1546)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -837,7 +837,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1254 1549)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1277 1546)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -849,7 +849,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1230.500000" cy="1813.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1275 1772)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1230.500000" cy="1813.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="1818.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1292 1767)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -862,7 +862,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1243 1772)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1260 1767)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -874,7 +874,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1230.500000" cy="2065.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1266 1998)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1230.500000" cy="2065.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1230.500000" y="2071.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1283 1985)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -887,7 +887,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1234 1998)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1251 1985)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -924,7 +924,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1427 2053 C 1427 2054 1426 2055 1425 2055 C 1410 2056 1397 2067 1397 2081 C 1397 2096 1411 2108 1428 2108 H 1545 C 1563 2108 1579 2095 1579 2080 C 1579 2065 1565 2053 1547 2052 C 1546 2052 1545 2051 1544 2050 C 1540 2035 1522 2024 1501 2024 C 1487 2024 1475 2029 1467 2036 C 1466 2037 1465 2037 1464 2037 C 1461 2036 1458 2036 1454 2036 C 1440 2036 1428 2043 1427 2053 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1487.529000" y="2087.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1524 2026)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1427 2053 C 1427 2054 1426 2055 1425 2055 C 1410 2056 1397 2067 1397 2081 C 1397 2096 1411 2108 1428 2108 H 1545 C 1563 2108 1579 2095 1579 2080 C 1579 2065 1565 2053 1547 2052 C 1546 2052 1545 2051 1544 2050 C 1540 2035 1522 2024 1501 2024 C 1487 2024 1475 2029 1467 2036 C 1466 2037 1465 2037 1464 2037 C 1461 2036 1458 2036 1454 2036 C 1440 2036 1428 2043 1427 2053 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1487.529000" y="2087.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1549 2018)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -937,7 +937,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1492 2026)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1517 2018)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

40
e2etests/testdata/stable/all_shapes_link/elk/sketch.exp.svg vendored
View file

@ -123,7 +123,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 199 420 H 288 C 289 420 290 420 291 421 L 308 437 C 309 438 309 439 309 440 V 507 C 309 507 309 507 309 507 H 199 C 198 507 198 507 198 507 V 421 C 198 420 198 420 199 420 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 507 H 199 C 198 507 198 507 198 506 V 421 C 198 420 198 420 199 420 H 287 C 288 420 288 420 288 421 V 438 C 288 439 289 440 290 440 H 308 C 309 440 309 440 309 441 V 506 C 308 507 309 507 308 507 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="469.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(283 412)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.page" class="linked"><g class="shape" ><path d="M 199 420 H 288 C 289 420 290 420 291 421 L 308 437 C 309 438 309 439 309 440 V 507 C 309 507 309 507 309 507 H 199 C 198 507 198 507 198 507 V 421 C 198 420 198 420 199 420 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 507 H 199 C 198 507 198 507 198 506 V 421 C 198 420 198 420 199 420 H 287 C 288 420 288 420 288 421 V 438 C 288 439 289 440 290 440 H 308 C 309 440 309 440 309 441 V 506 C 308 507 309 507 308 507 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="469.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(272 404)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -171,7 +171,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 617 88 H 742 C 766 88 766 118 766 121 C 766 124 766 154 742 154 H 617 C 593 154 593 124 593 121 C 593 118 593 88 617 88 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 88 C 718 88 718 118 718 121 C 718 124 718 154 742 154" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(739 76)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="linked.queue" class="linked"><g class="shape" ><path d="M 617 88 H 742 C 766 88 766 118 766 121 C 766 124 766 154 742 154 H 617 C 593 154 593 124 593 121 C 593 118 593 88 617 88 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 88 C 718 88 718 118 718 121 C 718 124 718 154 742 154" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="126.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(726 72)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -329,7 +329,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 199 1066 H 288 C 289 1066 290 1066 291 1067 L 308 1083 C 309 1084 309 1085 309 1086 V 1153 C 309 1153 309 1153 309 1153 H 199 C 198 1153 198 1153 198 1153 V 1067 C 198 1066 198 1066 199 1066 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 1153 H 199 C 198 1153 198 1153 198 1152 V 1067 C 198 1066 198 1066 199 1066 H 287 C 288 1066 288 1066 288 1067 V 1084 C 288 1085 289 1086 290 1086 H 308 C 309 1086 309 1086 309 1087 V 1152 C 308 1153 309 1153 308 1153 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="1115.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(283 1058)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.page" class="tooltipped"><g class="shape" ><path d="M 199 1066 H 288 C 289 1066 290 1066 291 1067 L 308 1083 C 309 1084 309 1085 309 1086 V 1153 C 309 1153 309 1153 309 1153 H 199 C 198 1153 198 1153 198 1153 V 1067 C 198 1066 198 1066 199 1066 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 308 1153 H 199 C 198 1153 198 1153 198 1152 V 1067 C 198 1066 198 1066 199 1066 H 287 C 288 1066 288 1066 288 1067 V 1084 C 288 1085 289 1086 290 1086 H 308 C 309 1086 309 1086 309 1087 V 1152 C 308 1153 309 1153 308 1153 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="253.500000" y="1115.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(272 1050)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -381,7 +381,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 617 734 H 742 C 766 734 766 764 766 767 C 766 770 766 800 742 800 H 617 C 593 800 593 770 593 767 C 593 764 593 734 617 734 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 734 C 718 734 718 764 718 767 C 718 770 718 800 742 800" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(739 722)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title></g><g id="tooltipped.queue" class="tooltipped"><g class="shape" ><path d="M 617 734 H 742 C 766 734 766 764 766 767 C 766 770 766 800 742 800 H 617 C 593 800 593 770 593 767 C 593 764 593 734 617 734 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 742 734 C 718 734 718 764 718 767 C 718 770 718 800 742 800" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="667.500000" y="772.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(726 718)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -574,7 +574,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 79 1744 H 200 C 201 1744 202 1744 203 1745 L 220 1761 C 221 1762 221 1763 221 1764 V 1831 C 221 1831 221 1831 221 1831 H 79 C 78 1831 78 1831 78 1831 V 1745 C 78 1744 78 1744 79 1744 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 220 1831 H 79 C 78 1831 78 1831 78 1830 V 1745 C 78 1744 78 1744 79 1744 H 199 C 200 1744 200 1744 200 1745 V 1762 C 200 1763 201 1764 202 1764 H 220 C 221 1764 221 1764 221 1765 V 1830 C 220 1831 221 1831 220 1831 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="149.500000" y="1793.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(193 1735)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.page" class="linked tooltipped"><g class="shape" ><path d="M 79 1744 H 200 C 201 1744 202 1744 203 1745 L 220 1761 C 221 1762 221 1763 221 1764 V 1831 C 221 1831 221 1831 221 1831 H 79 C 78 1831 78 1831 78 1831 V 1745 C 78 1744 78 1744 79 1744 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /><path d="M 220 1831 H 79 C 78 1831 78 1831 78 1830 V 1745 C 78 1744 78 1744 79 1744 H 199 C 200 1744 200 1744 200 1745 V 1762 C 200 1763 201 1764 202 1764 H 220 C 221 1764 221 1764 221 1765 V 1830 C 220 1831 221 1831 220 1831 Z" class=" stroke-B1 fill-AB5" style="stroke-width:2;" /></g><text x="149.500000" y="1793.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">page</text><g transform="translate(184 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -587,7 +587,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(161 1735)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(152 1728)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -649,7 +649,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 303 1768 C 303 1744 379 1744 387 1744 C 395 1744 471 1744 471 1768 V 1838 C 471 1862 395 1862 387 1862 C 379 1862 303 1862 303 1838 V 1768 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 303 1768 C 303 1792 379 1792 387 1792 C 395 1792 471 1792 471 1768" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="387.000000" y="1820.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(442 1737)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cylinder" class="linked tooltipped"><g class="shape" ><path d="M 303 1768 C 303 1744 379 1744 387 1744 C 395 1744 471 1744 471 1768 V 1838 C 471 1862 395 1862 387 1862 C 379 1862 303 1862 303 1838 V 1768 Z" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /><path d="M 303 1768 C 303 1792 379 1792 387 1792 C 395 1792 471 1792 471 1768" class=" stroke-B1 fill-AA5" style="stroke-width:2;" /></g><text x="387.000000" y="1820.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cylinder</text><g transform="translate(452 1732)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -662,7 +662,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(410 1737)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(420 1732)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -674,7 +674,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 561 1380 H 718 C 742 1380 742 1410 742 1413 C 742 1416 742 1446 718 1446 H 561 C 537 1446 537 1416 537 1413 C 537 1410 537 1380 561 1380 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 718 1380 C 694 1380 694 1410 694 1413 C 694 1416 694 1446 718 1446" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="627.500000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(715 1368)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.queue" class="linked tooltipped"><g class="shape" ><path d="M 561 1380 H 718 C 742 1380 742 1410 742 1413 C 742 1416 742 1446 718 1446 H 561 C 537 1446 537 1416 537 1413 C 537 1410 537 1380 561 1380 Z" class=" stroke-B1 fill-N5" style="stroke-width:2;" /><path d="M 718 1380 C 694 1380 694 1410 694 1413 C 694 1416 694 1446 718 1446" class=" stroke-B1 fill-N5" style="stroke-width:2;" /></g><text x="627.500000" y="1418.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">queue</text><g transform="translate(702 1364)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -687,7 +687,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(683 1368)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(670 1364)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -799,7 +799,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 914 1829 H 787 V 1828 C 787 1814 801 1800 823 1794 C 811 1789 804 1781 804 1772 C 804 1756 825 1744 850 1744 C 876 1744 897 1756 897 1772 C 897 1781 890 1789 878 1794 C 900 1800 914 1813 914 1828 V 1829 H 914 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="850.500000" y="1850.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(876 1743)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.person" class="linked tooltipped"><g class="shape" ><path d="M 914 1829 H 787 V 1828 C 787 1814 801 1800 823 1794 C 811 1789 804 1781 804 1772 C 804 1756 825 1744 850 1744 C 876 1744 897 1756 897 1772 C 897 1781 890 1789 878 1794 C 900 1800 914 1813 914 1828 V 1829 H 914 Z" class=" stroke-B1 fill-B3" style="stroke-width:2;" /></g><text x="850.500000" y="1850.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">person</text><g transform="translate(894 1733)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -812,7 +812,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(844 1743)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(862 1733)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -824,7 +824,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1092 1446 C 1091 1446 1090 1446 1089 1446 L 951 1401 C 950 1401 950 1400 951 1399 L 1089 1354 C 1090 1354 1093 1354 1094 1354 L 1232 1399 C 1233 1399 1233 1400 1232 1401 L 1095 1446 C 1094 1446 1093 1446 1092 1446 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1092.000000" y="1405.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1148 1361)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.diamond" class="linked tooltipped"><g class="shape" ><path d="M 1092 1446 C 1091 1446 1090 1446 1089 1446 L 951 1401 C 950 1401 950 1400 951 1399 L 1089 1354 C 1090 1354 1093 1354 1094 1354 L 1232 1399 C 1233 1399 1233 1400 1232 1401 L 1095 1446 C 1094 1446 1093 1446 1092 1446 Z" class=" stroke-B1 fill-N4" style="stroke-width:2;" /></g><text x="1092.000000" y="1405.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diamond</text><g transform="translate(1171 1358)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -837,7 +837,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1116 1361)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1139 1358)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -849,7 +849,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1091.500000" cy="1595.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1136 1554)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.oval" class="linked tooltipped"><g class="shape" ><ellipse rx="85.500000" ry="35.000000" cx="1091.500000" cy="1595.000000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1600.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">oval</text><g transform="translate(1153 1549)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -862,7 +862,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1104 1554)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1121 1549)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -874,7 +874,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1091.500000" cy="1817.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1823.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1127 1750)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.circle" class="linked tooltipped"><g class="shape" ><ellipse rx="73.500000" ry="73.500000" cx="1091.500000" cy="1817.500000" class="shape stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="1091.500000" y="1823.000000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">circle</text><g transform="translate(1144 1737)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -887,7 +887,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1095 1750)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1112 1737)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -924,7 +924,7 @@
</clipPath>
</defs>
</svg>
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1305 1545 C 1305 1546 1304 1547 1303 1547 C 1288 1548 1275 1559 1275 1573 C 1275 1588 1289 1600 1306 1600 H 1423 C 1441 1600 1457 1587 1457 1572 C 1457 1557 1443 1545 1425 1544 C 1424 1544 1423 1543 1422 1542 C 1418 1527 1400 1516 1379 1516 C 1365 1516 1353 1521 1345 1528 C 1344 1529 1343 1529 1342 1529 C 1339 1528 1336 1528 1332 1528 C 1318 1528 1306 1535 1305 1545 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.529000" y="1579.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1402 1518)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g></g></a><a href="example.com" xlink:href="example.com"><g id="both.cloud" class="linked tooltipped"><g class="shape" ><path d="M 1305 1545 C 1305 1546 1304 1547 1303 1547 C 1288 1548 1275 1559 1275 1573 C 1275 1588 1289 1600 1306 1600 H 1423 C 1441 1600 1457 1587 1457 1572 C 1457 1557 1443 1545 1425 1544 C 1424 1544 1423 1543 1422 1542 C 1418 1527 1400 1516 1379 1516 C 1365 1516 1353 1521 1345 1528 C 1344 1529 1343 1529 1342 1529 C 1339 1528 1336 1528 1332 1528 C 1318 1528 1306 1535 1305 1545 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g><text x="1365.529000" y="1579.516000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">cloud</text><g transform="translate(1427 1510)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -937,7 +937,7 @@
</clipPath>
</defs>
</svg>
</g><title>example</title><g transform="translate(1370 1518)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
</g><title>example</title><g transform="translate(1395 1510)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3440_35088111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M14.3909 16.7965C14.7364 17.2584 15.1772 17.6406 15.6834 17.9171C16.1896 18.1938 16.7494 18.3582 17.3248 18.3993C17.9001 18.4405 18.4777 18.3575 19.0181 18.1559C19.5586 17.9543 20.0492 17.6389 20.4571 17.2309L22.8708 14.8173C23.6036 14.0586 24.0089 13.0425 23.9998 11.9877C23.9906 10.933 23.5676 9.92404 22.8217 9.17821C22.0759 8.43237 21.067 8.00931 20.0123 8.00015C18.9575 7.99098 17.9413 8.39644 17.1827 9.1292L15.7988 10.505" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 139 KiB

After

Width:  |  Height:  |  Size: 139 KiB