test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-11-29 10:18:14 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

test: update snapshots

Browse Source
This commit is contained in:
yvonneyx 2024-11-11 17:22:49 +08:00
parent 8f6f0c2794
commit 20d9c86da7
3 changed files with 325 additions and 325 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

194
packages/g6/__tests__/snapshots/layouts/fishbone/direction-LR.svg
View File

@ -3,391 +3,391 @@
<g transform="matrix(0.272926,0,0,0.272926,0.000011,188.318787)">
<g fill="none">
<g fill="none" class="elements">
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 32,250 L 92,250 L 316,474" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 32,250 L 408,250 L 440,218" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 32,250 L 516,250 L 884,618" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 32,250 L 976,250 L 1392,-166" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 32,250 L 1532,250 L 1612,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 32,250 L 1704,250 L 1784,170" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 316,474 L 140,298 L 188,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 316,474 L 188,346 L 236,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 316,474 L 236,394 L 332,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 332,394 L 284,394 L 316,426" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 884,618 L 564,298 L 852,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 884,618 L 708,442 L 852,442" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 884,618 L 804,538 L 900,538" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 852,298 L 612,298 L 644,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 852,298 L 660,298 L 740,378" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 852,298 L 756,298 L 836,378" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 740,378 L 708,346 L 756,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 836,378 L 804,346 L 852,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 852,442 L 756,442 L 788,474" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 852,442 L 804,442 L 836,474" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 900,538 L 852,538 L 884,570" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1392,-166 L 1024,202 L 1072,202" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1392,-166 L 1072,154 L 1120,154" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1392,-166 L 1120,106 L 1168,106" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1392,-166 L 1168,58 L 1216,58" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1392,-166 L 1216,10 L 1312,10" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1392,-166 L 1312,-86 L 1456,-86" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1312,10 L 1264,10 L 1296,-22" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1456,-86 L 1360,-86 L 1392,-118" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1456,-86 L 1408,-86 L 1440,-118" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1612,330 L 1580,298 L 1628,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 1784,170 L 1752,202 L 1800,202" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" x="16" y="250" transform="matrix(1,0,0,1,16,250)">
<g fill="none" transform="matrix(1,0,0,1,16,250)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="332" y="490" transform="matrix(1,0,0,1,332,490)">
<g fill="none" transform="matrix(1,0,0,1,332,490)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="204" y="298" transform="matrix(1,0,0,1,204,298)">
<g fill="none" transform="matrix(1,0,0,1,204,298)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="252" y="346" transform="matrix(1,0,0,1,252,346)">
<g fill="none" transform="matrix(1,0,0,1,252,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="348" y="394" transform="matrix(1,0,0,1,348,394)">
<g fill="none" transform="matrix(1,0,0,1,348,394)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="332" y="442" transform="matrix(1,0,0,1,332,442)">
<g fill="none" transform="matrix(1,0,0,1,332,442)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="456" y="202" transform="matrix(1,0,0,1,456,202)">
<g fill="none" transform="matrix(1,0,0,1,456,202)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="900" y="634" transform="matrix(1,0,0,1,900,634)">
<g fill="none" transform="matrix(1,0,0,1,900,634)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="868" y="298" transform="matrix(1,0,0,1,868,298)">
<g fill="none" transform="matrix(1,0,0,1,868,298)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="660" y="346" transform="matrix(1,0,0,1,660,346)">
<g fill="none" transform="matrix(1,0,0,1,660,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="756" y="394" transform="matrix(1,0,0,1,756,394)">
<g fill="none" transform="matrix(1,0,0,1,756,394)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="772" y="346" transform="matrix(1,0,0,1,772,346)">
<g fill="none" transform="matrix(1,0,0,1,772,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="852" y="394" transform="matrix(1,0,0,1,852,394)">
<g fill="none" transform="matrix(1,0,0,1,852,394)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="868" y="346" transform="matrix(1,0,0,1,868,346)">
<g fill="none" transform="matrix(1,0,0,1,868,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="868" y="442" transform="matrix(1,0,0,1,868,442)">
<g fill="none" transform="matrix(1,0,0,1,868,442)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="804" y="490" transform="matrix(1,0,0,1,804,490)">
<g fill="none" transform="matrix(1,0,0,1,804,490)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="852" y="490" transform="matrix(1,0,0,1,852,490)">
<g fill="none" transform="matrix(1,0,0,1,852,490)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="916" y="538" transform="matrix(1,0,0,1,916,538)">
<g fill="none" transform="matrix(1,0,0,1,916,538)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="900" y="586" transform="matrix(1,0,0,1,900,586)">
<g fill="none" transform="matrix(1,0,0,1,900,586)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1408" y="-182" transform="matrix(1,0,0,1,1408,-182)">
<g fill="none" transform="matrix(1,0,0,1,1408,-182)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1088" y="202" transform="matrix(1,0,0,1,1088,202)">
<g fill="none" transform="matrix(1,0,0,1,1088,202)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1136" y="154" transform="matrix(1,0,0,1,1136,154)">
<g fill="none" transform="matrix(1,0,0,1,1136,154)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1184" y="106" transform="matrix(1,0,0,1,1184,106)">
<g fill="none" transform="matrix(1,0,0,1,1184,106)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1232" y="58" transform="matrix(1,0,0,1,1232,58)">
<g fill="none" transform="matrix(1,0,0,1,1232,58)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1328" y="10" transform="matrix(1,0,0,1,1328,10)">
<g fill="none" transform="matrix(1,0,0,1,1328,10)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1312" y="-38" transform="matrix(1,0,0,1,1312,-38)">
<g fill="none" transform="matrix(1,0,0,1,1312,-38)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1472" y="-86" transform="matrix(1,0,0,1,1472,-86)">
<g fill="none" transform="matrix(1,0,0,1,1472,-86)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1408" y="-134" transform="matrix(1,0,0,1,1408,-134)">
<g fill="none" transform="matrix(1,0,0,1,1408,-134)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1456" y="-134" transform="matrix(1,0,0,1,1456,-134)">
<g fill="none" transform="matrix(1,0,0,1,1456,-134)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1628" y="346" transform="matrix(1,0,0,1,1628,346)">
<g fill="none" transform="matrix(1,0,0,1,1628,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1644" y="298" transform="matrix(1,0,0,1,1644,298)">
<g fill="none" transform="matrix(1,0,0,1,1644,298)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1800" y="154" transform="matrix(1,0,0,1,1800,154)">
<g fill="none" transform="matrix(1,0,0,1,1800,154)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="1816" y="202" transform="matrix(1,0,0,1,1816,202)">
<g fill="none" transform="matrix(1,0,0,1,1816,202)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 21 KiB

196
packages/g6/__tests__/snapshots/layouts/fishbone/direction-RL.svg
View File

@ -1,393 +1,393 @@
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
<defs/>
<g transform="matrix(0.272926,0,0,0.272926,363.537140,188.318771)">
<g transform="matrix(0.272926,0,0,0.272926,363.537109,188.318771)">
<g fill="none">
<g fill="none" class="elements">
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L 408,250 L 184,474" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L 92,250 L 60,218" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -16,250 L -384,618" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -476,250 L -892,-166" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -1032,250 L -1112,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -1204,250 L -1284,170" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 184,474 L 360,298 L 312,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 184,474 L 312,346 L 264,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 184,474 L 264,394 L 168,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 168,394 L 216,394 L 184,426" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -384,618 L -64,298 L -352,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -384,618 L -208,442 L -352,442" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -384,618 L -304,538 L -400,538" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -352,298 L -112,298 L -144,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -352,298 L -160,298 L -240,378" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -352,298 L -256,298 L -336,378" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -240,378 L -208,346 L -256,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -336,378 L -304,346 L -352,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -352,442 L -256,442 L -288,474" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -352,442 L -304,442 L -336,474" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -400,538 L -352,538 L -384,570" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -892,-166 L -524,202 L -572,202" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -892,-166 L -572,154 L -620,154" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -892,-166 L -620,106 L -668,106" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -892,-166 L -668,58 L -716,58" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -892,-166 L -716,10 L -812,10" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -892,-166 L -812,-86 L -956,-86" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -812,10 L -764,10 L -796,-22" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -956,-86 L -860,-86 L -892,-118" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -956,-86 L -908,-86 L -940,-118" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -1112,330 L -1080,298 L -1128,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -1284,170 L -1252,202 L -1300,202" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" x="484" y="250" transform="matrix(1,0,0,1,484,250)">
<g fill="none" transform="matrix(1,0,0,1,484,250)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="168" y="490" transform="matrix(1,0,0,1,168,490)">
<g fill="none" transform="matrix(1,0,0,1,168,490)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="296" y="298" transform="matrix(1,0,0,1,296,298)">
<g fill="none" transform="matrix(1,0,0,1,296,298)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="248" y="346" transform="matrix(1,0,0,1,248,346)">
<g fill="none" transform="matrix(1,0,0,1,248,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="152" y="394" transform="matrix(1,0,0,1,152,394)">
<g fill="none" transform="matrix(1,0,0,1,152,394)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="168" y="442" transform="matrix(1,0,0,1,168,442)">
<g fill="none" transform="matrix(1,0,0,1,168,442)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="44" y="202" transform="matrix(1,0,0,1,44,202)">
<g fill="none" transform="matrix(1,0,0,1,44,202)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-400" y="634" transform="matrix(1,0,0,1,-400,634)">
<g fill="none" transform="matrix(1,0,0,1,-400,634)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-368" y="298" transform="matrix(1,0,0,1,-368,298)">
<g fill="none" transform="matrix(1,0,0,1,-368,298)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-160" y="346" transform="matrix(1,0,0,1,-160,346)">
<g fill="none" transform="matrix(1,0,0,1,-160,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-256" y="394" transform="matrix(1,0,0,1,-256,394)">
<g fill="none" transform="matrix(1,0,0,1,-256,394)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-272" y="346" transform="matrix(1,0,0,1,-272,346)">
<g fill="none" transform="matrix(1,0,0,1,-272,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-352" y="394" transform="matrix(1,0,0,1,-352,394)">
<g fill="none" transform="matrix(1,0,0,1,-352,394)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-368" y="346" transform="matrix(1,0,0,1,-368,346)">
<g fill="none" transform="matrix(1,0,0,1,-368,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-368" y="442" transform="matrix(1,0,0,1,-368,442)">
<g fill="none" transform="matrix(1,0,0,1,-368,442)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-304" y="490" transform="matrix(1,0,0,1,-304,490)">
<g fill="none" transform="matrix(1,0,0,1,-304,490)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-352" y="490" transform="matrix(1,0,0,1,-352,490)">
<g fill="none" transform="matrix(1,0,0,1,-352,490)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-416" y="538" transform="matrix(1,0,0,1,-416,538)">
<g fill="none" transform="matrix(1,0,0,1,-416,538)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-400" y="586" transform="matrix(1,0,0,1,-400,586)">
<g fill="none" transform="matrix(1,0,0,1,-400,586)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-908" y="-182" transform="matrix(1,0,0,1,-908,-182)">
<g fill="none" transform="matrix(1,0,0,1,-908,-182)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-588" y="202" transform="matrix(1,0,0,1,-588,202)">
<g fill="none" transform="matrix(1,0,0,1,-588,202)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-636" y="154" transform="matrix(1,0,0,1,-636,154)">
<g fill="none" transform="matrix(1,0,0,1,-636,154)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-684" y="106" transform="matrix(1,0,0,1,-684,106)">
<g fill="none" transform="matrix(1,0,0,1,-684,106)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-732" y="58" transform="matrix(1,0,0,1,-732,58)">
<g fill="none" transform="matrix(1,0,0,1,-732,58)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-828" y="10" transform="matrix(1,0,0,1,-828,10)">
<g fill="none" transform="matrix(1,0,0,1,-828,10)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-812" y="-38" transform="matrix(1,0,0,1,-812,-38)">
<g fill="none" transform="matrix(1,0,0,1,-812,-38)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-972" y="-86" transform="matrix(1,0,0,1,-972,-86)">
<g fill="none" transform="matrix(1,0,0,1,-972,-86)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-908" y="-134" transform="matrix(1,0,0,1,-908,-134)">
<g fill="none" transform="matrix(1,0,0,1,-908,-134)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-956" y="-134" transform="matrix(1,0,0,1,-956,-134)">
<g fill="none" transform="matrix(1,0,0,1,-956,-134)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-1128" y="346" transform="matrix(1,0,0,1,-1128,346)">
<g fill="none" transform="matrix(1,0,0,1,-1128,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-1144" y="298" transform="matrix(1,0,0,1,-1144,298)">
<g fill="none" transform="matrix(1,0,0,1,-1144,298)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-1300" y="154" transform="matrix(1,0,0,1,-1300,154)">
<g fill="none" transform="matrix(1,0,0,1,-1300,154)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-1316" y="202" transform="matrix(1,0,0,1,-1316,202)">
<g fill="none" transform="matrix(1,0,0,1,-1316,202)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 21 KiB

260
packages/g6/__tests__/snapshots/layouts/fishbone/vGap-32-hGap-32.svg
View File

@ -1,393 +1,393 @@
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
<defs/>
<g transform="matrix(0.361272,0,0,0.361272,319.364166,165.462433)">
<g transform="matrix(0.361272,0,0,0.361272,-0.000002,165.462433)">
<g fill="none">
<g fill="none" class="elements">
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L 408,250 L 264,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 32,250 L 92,250 L 236,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L 172,250 L 156,234" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 32,250 L 328,250 L 344,234" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L 80,250 L -160,490" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 32,250 L 420,250 L 660,490" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -252,250 L -524,-22" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 32,250 L 752,250 L 1024,-22" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -648,250 L -696,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 32,250 L 1148,250 L 1196,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 468,250 L -788,250 L -836,202" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 32,250 L 1288,250 L 1336,202" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 264,394 L 376,282 L 344,282" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 236,394 L 124,282 L 156,282" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 264,394 L 344,314 L 312,314" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 236,394 L 156,314 L 188,314" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 264,394 L 312,346 L 248,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 236,394 L 188,346 L 252,346" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M 248,346 L 280,346 L 264,362" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 252,346 L 220,346 L 236,362" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -160,490 L 48,282 L -144,282" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 660,490 L 452,282 L 644,282" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -160,490 L -48,378 L -144,378" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 660,490 L 548,378 L 644,378" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -160,490 L -112,442 L -176,442" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 660,490 L 612,442 L 676,442" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -144,282 L 16,282 L 0,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 644,282 L 484,282 L 500,298" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -144,282 L -16,282 L -64,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 644,282 L 516,282 L 564,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -144,282 L -80,282 L -128,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 644,282 L 580,282 L 628,330" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -64,330 L -48,314 L -80,314" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 564,330 L 548,314 L 580,314" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -128,330 L -112,314 L -144,314" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 628,330 L 612,314 L 644,314" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -144,378 L -80,378 L -96,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 644,378 L 580,378 L 596,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -144,378 L -112,378 L -128,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 644,378 L 612,378 L 628,394" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -176,442 L -144,442 L -160,458" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 676,442 L 644,442 L 660,458" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -524,-22 L -284,218 L -316,218" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1024,-22 L 784,218 L 816,218" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -524,-22 L -316,186 L -348,186" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1024,-22 L 816,186 L 848,186" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -524,-22 L -348,154 L -380,154" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1024,-22 L 848,154 L 880,154" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -524,-22 L -380,122 L -412,122" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1024,-22 L 880,122 L 912,122" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -524,-22 L -412,90 L -476,90" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1024,-22 L 912,90 L 976,90" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -524,-22 L -476,26 L -572,26" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1024,-22 L 976,26 L 1072,26" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -476,90 L -444,90 L -460,74" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 976,90 L 944,90 L 960,74" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -572,26 L -508,26 L -524,10" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1072,26 L 1008,26 L 1024,10" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -572,26 L -540,26 L -556,10" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1072,26 L 1040,26 L 1056,10" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -696,298 L -680,282 L -712,282" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1196,298 L 1180,282 L 1212,282" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="5"/>
<g fill="none">
<g fill="none" stroke="transparent" stroke-width="5"/>
<g>
<path fill="none" d="M -836,202 L -820,218 L -852,218" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 1336,202 L 1320,218 L 1352,218" class="key" stroke-width="3" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 0,0 L 0,0" class="key" stroke-width="5" stroke="transparent"/>
</g>
</g>
<g fill="none" x="484" y="250" transform="matrix(1,0,0,1,484,250)">
<g fill="none" transform="matrix(1,0,0,1,16,250)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="248" y="410" transform="matrix(1,0,0,1,248,410)">
<g fill="none" transform="matrix(1,0,0,1,252,410)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="328" y="282" transform="matrix(1,0,0,1,328,282)">
<g fill="none" transform="matrix(1,0,0,1,172,282)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="296" y="314" transform="matrix(1,0,0,1,296,314)">
<g fill="none" transform="matrix(1,0,0,1,204,314)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="232" y="346" transform="matrix(1,0,0,1,232,346)">
<g fill="none" transform="matrix(1,0,0,1,268,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="248" y="378" transform="matrix(1,0,0,1,248,378)">
<g fill="none" transform="matrix(1,0,0,1,252,378)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="140" y="218" transform="matrix(1,0,0,1,140,218)">
<g fill="none" transform="matrix(1,0,0,1,360,218)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-176" y="506" transform="matrix(1,0,0,1,-176,506)">
<g fill="none" transform="matrix(1,0,0,1,676,506)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-160" y="282" transform="matrix(1,0,0,1,-160,282)">
<g fill="none" transform="matrix(1,0,0,1,660,282)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-16" y="314" transform="matrix(1,0,0,1,-16,314)">
<g fill="none" transform="matrix(1,0,0,1,516,314)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-80" y="346" transform="matrix(1,0,0,1,-80,346)">
<g fill="none" transform="matrix(1,0,0,1,580,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-96" y="314" transform="matrix(1,0,0,1,-96,314)">
<g fill="none" transform="matrix(1,0,0,1,596,314)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-144" y="346" transform="matrix(1,0,0,1,-144,346)">
<g fill="none" transform="matrix(1,0,0,1,644,346)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-160" y="314" transform="matrix(1,0,0,1,-160,314)">
<g fill="none" transform="matrix(1,0,0,1,660,314)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-160" y="378" transform="matrix(1,0,0,1,-160,378)">
<g fill="none" transform="matrix(1,0,0,1,660,378)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-112" y="410" transform="matrix(1,0,0,1,-112,410)">
<g fill="none" transform="matrix(1,0,0,1,612,410)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-144" y="410" transform="matrix(1,0,0,1,-144,410)">
<g fill="none" transform="matrix(1,0,0,1,644,410)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-192" y="442" transform="matrix(1,0,0,1,-192,442)">
<g fill="none" transform="matrix(1,0,0,1,692,442)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-176" y="474" transform="matrix(1,0,0,1,-176,474)">
<g fill="none" transform="matrix(1,0,0,1,676,474)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-540" y="-38" transform="matrix(1,0,0,1,-540,-38)">
<g fill="none" transform="matrix(1,0,0,1,1040,-38)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-332" y="218" transform="matrix(1,0,0,1,-332,218)">
<g fill="none" transform="matrix(1,0,0,1,832,218)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-364" y="186" transform="matrix(1,0,0,1,-364,186)">
<g fill="none" transform="matrix(1,0,0,1,864,186)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-396" y="154" transform="matrix(1,0,0,1,-396,154)">
<g fill="none" transform="matrix(1,0,0,1,896,154)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-428" y="122" transform="matrix(1,0,0,1,-428,122)">
<g fill="none" transform="matrix(1,0,0,1,928,122)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-492" y="90" transform="matrix(1,0,0,1,-492,90)">
<g fill="none" transform="matrix(1,0,0,1,992,90)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-476" y="58" transform="matrix(1,0,0,1,-476,58)">
<g fill="none" transform="matrix(1,0,0,1,976,58)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-588" y="26" transform="matrix(1,0,0,1,-588,26)">
<g fill="none" transform="matrix(1,0,0,1,1088,26)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-540" y="-6" transform="matrix(1,0,0,1,-540,-6)">
<g fill="none" transform="matrix(1,0,0,1,1040,-6)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-572" y="-6" transform="matrix(1,0,0,1,-572,-6)">
<g fill="none" transform="matrix(1,0,0,1,1072,-6)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-712" y="314" transform="matrix(1,0,0,1,-712,314)">
<g fill="none" transform="matrix(1,0,0,1,1212,314)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-728" y="282" transform="matrix(1,0,0,1,-728,282)">
<g fill="none" transform="matrix(1,0,0,1,1228,282)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-852" y="186" transform="matrix(1,0,0,1,-852,186)">
<g fill="none" transform="matrix(1,0,0,1,1352,186)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>
</g>
<g fill="none" x="-868" y="218" transform="matrix(1,0,0,1,-868,218)">
<g fill="none" transform="matrix(1,0,0,1,1368,218)">
<g>
<path fill="rgba(23,131,255,1)" d="M -16,-16 l 32,0 l 0,32 l-32 0 z" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" width="32" height="32" x="-16" y="-16"/>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 21 KiB