chenlin/Mujoco_WASM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update colors and legend in margin/gap figure.

Browse Source 
PiperOrigin-RevId: 914857514
Change-Id: Ida36393bd4cd706bf81b8b7000ddd34f088fc936
This commit is contained in:
Yuval Tassa
2026-05-13 07:42:56 -07:00
committed by Copybara-Service
parent 955ae3f3c0
commit 17fbc0aeef
2 changed files with 188 additions and 398 deletions
Download Patch File Download Diff File Expand all files Collapse all files
doc/images/modeling/margin_gap_dark.svg
+94 -199
View File
@@ -6,7 +6,7 @@
<rdf:RDF xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<cc:Work>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:date>2026-05-12T11:57:09.015687</dc:date>
<dc:date>2026-05-13T13:08:19.517788</dc:date>
<dc:format>image/svg+xml</dc:format>
<dc:creator>
<cc:Agent>
@@ -41,7 +41,7 @@ Q 24.821053 271.515789 24.821053 300.884211
L 24.821053 347.873684
Q 24.821053 377.242105 54.189474 377.242105
z
" clip-path="url(#pad24174a74)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_3">
<path d="M 54.189474 362.557895
@@ -54,7 +54,7 @@ Q 39.505263 286.2 39.505263 300.884211
L 39.505263 347.873684
Q 39.505263 362.557895 54.189474 362.557895
z
" clip-path="url(#pad24174a74)" style="fill: #3d9140; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #5b7ea8; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_4">
<path d="M 54.189474 347.873684
@@ -67,7 +67,7 @@ Q 54.189474 300.884211 54.189474 300.884211
L 54.189474 347.873684
Q 54.189474 347.873684 54.189474 347.873684
z
" clip-path="url(#pad24174a74)" style="fill: #5b7ea8; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #e69933; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_5">
<path d="M 124.673684 242.147368
@@ -80,7 +80,7 @@ C 56.361339 126.115449 48.315789 145.539123 48.315789 165.789474
C 48.315789 186.039824 56.361339 205.463499 70.680499 219.782659
C 84.999659 234.101819 104.423334 242.147368 124.673684 242.147368
z
" clip-path="url(#pad24174a74)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_6">
<path d="M 124.673684 224.526316
@@ -93,7 +93,7 @@ C 72.125726 135.270993 65.936842 150.212281 65.936842 165.789474
C 65.936842 181.366666 72.125726 196.307955 83.140465 207.322693
C 94.155203 218.337432 109.096492 224.526316 124.673684 224.526316
z
" clip-path="url(#pad24174a74)" style="fill: #3d9140; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #5b7ea8; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_7">
<path d="M 124.673684 206.905263
@@ -106,7 +106,7 @@ C 87.890114 144.426537 83.557895 154.885439 83.557895 165.789474
C 83.557895 176.693509 87.890114 187.15241 95.600431 194.862727
C 103.310748 202.573044 113.769649 206.905263 124.673684 206.905263
z
" clip-path="url(#pad24174a74)" style="fill: #5b7ea8; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #e69933; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_8">
<path d="M 342 277.389474
@@ -119,7 +119,7 @@ C 273.687655 161.357554 265.642105 180.781229 265.642105 201.031579
C 265.642105 221.281929 273.687655 240.705604 288.006815 255.024764
C 302.325975 269.343924 321.74965 277.389474 342 277.389474
z
" clip-path="url(#pad24174a74)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_9">
<path d="M 342 259.768421
@@ -132,7 +132,7 @@ C 289.452042 170.513098 283.263158 185.454386 283.263158 201.031579
C 283.263158 216.608772 289.452042 231.55006 300.466781 242.564798
C 311.481519 253.579537 326.422807 259.768421 342 259.768421
z
" clip-path="url(#pad24174a74)" style="fill: #3d9140; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #5b7ea8; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_10">
<path d="M 342 242.147368
@@ -145,7 +145,7 @@ C 305.216429 179.668642 300.884211 190.127544 300.884211 201.031579
C 300.884211 211.935614 305.216429 222.394516 312.926746 230.104832
C 320.637063 237.815149 331.095965 242.147368 342 242.147368
z
" clip-path="url(#pad24174a74)" style="fill: #5b7ea8; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #e69933; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_11">
<path d="M 559.326316 309.694737
@@ -158,7 +158,7 @@ C 491.013971 193.662817 482.968421 213.086492 482.968421 233.336842
C 482.968421 253.587192 491.013971 273.010867 505.333131 287.330027
C 519.652291 301.649187 539.075965 309.694737 559.326316 309.694737
z
" clip-path="url(#pad24174a74)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_12">
<path d="M 559.326316 292.073684
@@ -171,7 +171,7 @@ C 506.778358 202.818361 500.589474 217.759649 500.589474 233.336842
C 500.589474 248.914035 506.778358 263.855323 517.793096 274.870061
C 528.807835 285.8848 543.749123 292.073684 559.326316 292.073684
z
" clip-path="url(#pad24174a74)" style="fill: #3d9140; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #5b7ea8; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_13">
<path d="M 559.326316 274.452632
@@ -184,7 +184,7 @@ C 522.542745 211.973906 518.210526 222.432807 518.210526 233.336842
C 518.210526 244.240877 522.542745 254.699779 530.253062 262.410096
C 537.963379 270.120413 548.422281 274.452632 559.326316 274.452632
z
" clip-path="url(#pad24174a74)" style="fill: #5b7ea8; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #e69933; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="text_1">
<!-- No contact -->
@@ -590,60 +590,60 @@ z
</g>
</g>
<g id="patch_14">
<path d="M 450.663158 112.926316
L 650.368421 112.926316
Q 659.178947 112.926316 659.178947 104.115789
L 659.178947 27.757895
Q 659.178947 18.947368 650.368421 18.947368
L 450.663158 18.947368
Q 441.852632 18.947368 441.852632 27.757895
L 441.852632 104.115789
Q 441.852632 112.926316 450.663158 112.926316
<path d="M 538.768421 112.926316
L 626.873684 112.926316
Q 635.684211 112.926316 635.684211 104.115789
L 635.684211 27.757895
Q 635.684211 18.947368 626.873684 18.947368
L 538.768421 18.947368
Q 529.957895 18.947368 529.957895 27.757895
L 529.957895 104.115789
Q 529.957895 112.926316 538.768421 112.926316
z
" clip-path="url(#pad24174a74)" style="fill: #333333; opacity: 0.85; stroke: #aaaaaa; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #333333; opacity: 0.85; stroke: #aaaaaa; stroke-linejoin: miter"/>
</g>
<g id="patch_15">
<path d="M 459.473684 44.791579
C 461.654491 44.791579 463.746272 43.925135 465.288335 42.383072
C 466.830398 40.841008 467.696842 38.749228 467.696842 36.568421
C 467.696842 34.387614 466.830398 32.295834 465.288335 30.75377
C 463.746272 29.211707 461.654491 28.345263 459.473684 28.345263
C 457.292877 28.345263 455.201097 29.211707 453.659034 30.75377
C 452.11697 32.295834 451.250526 34.387614 451.250526 36.568421
C 451.250526 38.749228 452.11697 40.841008 453.659034 42.383072
C 455.201097 43.925135 457.292877 44.791579 459.473684 44.791579
<path d="M 547.578947 44.791579
C 549.759754 44.791579 551.851535 43.925135 553.393598 42.383072
C 554.935661 40.841008 555.802105 38.749228 555.802105 36.568421
C 555.802105 34.387614 554.935661 32.295834 553.393598 30.75377
C 551.851535 29.211707 549.759754 28.345263 547.578947 28.345263
C 545.39814 28.345263 543.30636 29.211707 541.764297 30.75377
C 540.222233 32.295834 539.355789 34.387614 539.355789 36.568421
C 539.355789 38.749228 540.222233 40.841008 541.764297 42.383072
C 543.30636 43.925135 545.39814 44.791579 547.578947 44.791579
z
" clip-path="url(#pad24174a74)" style="fill: #5b7ea8; opacity: 0.6; stroke: #aaaaaa; stroke-width: 1.2; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #e69933; stroke: #aaaaaa; stroke-width: 1.2; stroke-linejoin: miter"/>
</g>
<g id="patch_16">
<path d="M 459.473684 74.16
C 461.654491 74.16 463.746272 73.293556 465.288335 71.751493
C 466.830398 70.209429 467.696842 68.117649 467.696842 65.936842
C 467.696842 63.756035 466.830398 61.664255 465.288335 60.122191
C 463.746272 58.580128 461.654491 57.713684 459.473684 57.713684
C 457.292877 57.713684 455.201097 58.580128 453.659034 60.122191
C 452.11697 61.664255 451.250526 63.756035 451.250526 65.936842
C 451.250526 68.117649 452.11697 70.209429 453.659034 71.751493
C 455.201097 73.293556 457.292877 74.16 459.473684 74.16
<path d="M 547.578947 74.16
C 549.759754 74.16 551.851535 73.293556 553.393598 71.751493
C 554.935661 70.209429 555.802105 68.117649 555.802105 65.936842
C 555.802105 63.756035 554.935661 61.664255 553.393598 60.122191
C 551.851535 58.580128 549.759754 57.713684 547.578947 57.713684
C 545.39814 57.713684 543.30636 58.580128 541.764297 60.122191
C 540.222233 61.664255 539.355789 63.756035 539.355789 65.936842
C 539.355789 68.117649 540.222233 70.209429 541.764297 71.751493
C 543.30636 73.293556 545.39814 74.16 547.578947 74.16
z
" clip-path="url(#pad24174a74)" style="fill: #3d9140; opacity: 0.55; stroke: #aaaaaa; stroke-width: 1.2; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #5b7ea8; stroke: #aaaaaa; stroke-width: 1.2; stroke-linejoin: miter"/>
</g>
<g id="patch_17">
<path d="M 459.473684 103.528421
C 461.654491 103.528421 463.746272 102.661977 465.288335 101.119914
C 466.830398 99.57785 467.696842 97.48607 467.696842 95.305263
C 467.696842 93.124456 466.830398 91.032676 465.288335 89.490612
C 463.746272 87.948549 461.654491 87.082105 459.473684 87.082105
C 457.292877 87.082105 455.201097 87.948549 453.659034 89.490612
C 452.11697 91.032676 451.250526 93.124456 451.250526 95.305263
C 451.250526 97.48607 452.11697 99.57785 453.659034 101.119914
C 455.201097 102.661977 457.292877 103.528421 459.473684 103.528421
<path d="M 547.578947 103.528421
C 549.759754 103.528421 551.851535 102.661977 553.393598 101.119914
C 554.935661 99.57785 555.802105 97.48607 555.802105 95.305263
C 555.802105 93.124456 554.935661 91.032676 553.393598 89.490612
C 551.851535 87.948549 549.759754 87.082105 547.578947 87.082105
C 545.39814 87.082105 543.30636 87.948549 541.764297 89.490612
C 540.222233 91.032676 539.355789 93.124456 539.355789 95.305263
C 539.355789 97.48607 540.222233 99.57785 541.764297 101.119914
C 543.30636 102.661977 545.39814 103.528421 547.578947 103.528421
z
" clip-path="url(#pad24174a74)" style="fill: #8e8e93; opacity: 0.35; stroke: #aaaaaa; stroke-width: 1.2; stroke-linejoin: miter"/>
" clip-path="url(#p4466066fda)" style="fill: #8e8e93; stroke: #aaaaaa; stroke-width: 1.2; stroke-linejoin: miter"/>
</g>
<g id="text_4">
<!-- Geometric shape -->
<g style="fill: #ffffff" transform="translate(477.094737 40.431546) scale(0.14 -0.14)">
<!-- Geom -->
<g style="fill: #ffffff" transform="translate(565.2 40.431546) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-47" d="M 3809 666
L 3809 1919
@@ -700,56 +700,46 @@ Q 2666 3584 2933 3390
Q 3200 3197 3328 2828
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-73" d="M 2834 3397
L 2834 2853
Q 2591 2978 2328 3040
Q 2066 3103 1784 3103
Q 1356 3103 1142 2972
Q 928 2841 928 2578
Q 928 2378 1081 2264
Q 1234 2150 1697 2047
L 1894 2003
Q 2506 1872 2764 1633
Q 3022 1394 3022 966
Q 3022 478 2636 193
Q 2250 -91 1575 -91
Q 1294 -91 989 -36
Q 684 19 347 128
L 347 722
Q 666 556 975 473
Q 1284 391 1588 391
Q 1994 391 2212 530
Q 2431 669 2431 922
Q 2431 1156 2273 1281
Q 2116 1406 1581 1522
L 1381 1569
Q 847 1681 609 1914
Q 372 2147 372 2553
Q 372 3047 722 3315
Q 1072 3584 1716 3584
Q 2034 3584 2315 3537
Q 2597 3491 2834 3397
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-68" d="M 3513 2113
L 3513 0
L 2938 0
L 2938 2094
Q 2938 2591 2744 2837
Q 2550 3084 2163 3084
Q 1697 3084 1428 2787
Q 1159 2491 1159 1978
L 1159 0
L 581 0
L 581 4863
L 1159 4863
L 1159 2956
Q 1366 3272 1645 3428
Q 1925 3584 2291 3584
Q 2894 3584 3203 3211
Q 3513 2838 3513 2113
</defs>
<use xlink:href="#DejaVuSans-47"/>
<use xlink:href="#DejaVuSans-65" transform="translate(77.490234 0)"/>
<use xlink:href="#DejaVuSans-6f" transform="translate(139.013672 0)"/>
<use xlink:href="#DejaVuSans-6d" transform="translate(200.195312 0)"/>
</g>
</g>
<g id="text_5">
<!-- Margin -->
<g style="fill: #ffffff" transform="translate(565.2 69.799967) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-4d" d="M 628 4666
L 1569 4666
L 2759 1491
L 3956 4666
L 4897 4666
L 4897 0
L 4281 0
L 4281 4097
L 3078 897
L 2444 897
L 1241 4097
L 1241 0
L 628 0
L 628 4666
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-4d"/>
<use xlink:href="#DejaVuSans-61" transform="translate(86.279297 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(147.558594 0)"/>
<use xlink:href="#DejaVuSans-67" transform="translate(186.921875 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(250.398438 0)"/>
<use xlink:href="#DejaVuSans-6e" transform="translate(278.181641 0)"/>
</g>
</g>
<g id="text_6">
<!-- Gap -->
<g style="fill: #ffffff" transform="translate(565.2 99.168388) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-70" d="M 1159 525
L 1159 -1331
L 581 -1331
@@ -775,112 +765,17 @@ Q 1681 391 2138 391
Q 2594 391 2855 752
Q 3116 1113 3116 1747
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-47"/>
<use xlink:href="#DejaVuSans-65" transform="translate(77.490234 0)"/>
<use xlink:href="#DejaVuSans-6f" transform="translate(139.013672 0)"/>
<use xlink:href="#DejaVuSans-6d" transform="translate(200.195312 0)"/>
<use xlink:href="#DejaVuSans-65" transform="translate(297.607422 0)"/>
<use xlink:href="#DejaVuSans-74" transform="translate(359.130859 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(398.339844 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(439.453125 0)"/>
<use xlink:href="#DejaVuSans-63" transform="translate(467.236328 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(522.216797 0)"/>
<use xlink:href="#DejaVuSans-73" transform="translate(554.003906 0)"/>
<use xlink:href="#DejaVuSans-68" transform="translate(606.103516 0)"/>
<use xlink:href="#DejaVuSans-61" transform="translate(669.482422 0)"/>
<use xlink:href="#DejaVuSans-70" transform="translate(730.761719 0)"/>
<use xlink:href="#DejaVuSans-65" transform="translate(794.238281 0)"/>
</g>
</g>
<g id="text_5">
<!-- Margin -->
<g style="fill: #ffffff" transform="translate(477.094737 69.799967) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-4d" d="M 628 4666
L 1569 4666
L 2759 1491
L 3956 4666
L 4897 4666
L 4897 0
L 4281 0
L 4281 4097
L 3078 897
L 2444 897
L 1241 4097
L 1241 0
L 628 0
L 628 4666
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-4d"/>
<use xlink:href="#DejaVuSans-61" transform="translate(86.279297 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(147.558594 0)"/>
<use xlink:href="#DejaVuSans-67" transform="translate(186.921875 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(250.398438 0)"/>
<use xlink:href="#DejaVuSans-6e" transform="translate(278.181641 0)"/>
</g>
</g>
<g id="text_6">
<!-- Gap (added to margin) -->
<g style="fill: #ffffff" transform="translate(477.094737 99.168388) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-28" d="M 1984 4856
Q 1566 4138 1362 3434
Q 1159 2731 1159 2009
Q 1159 1288 1364 580
Q 1569 -128 1984 -844
L 1484 -844
Q 1016 -109 783 600
Q 550 1309 550 2009
Q 550 2706 781 3412
Q 1013 4119 1484 4856
L 1984 4856
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-29" d="M 513 4856
L 1013 4856
Q 1481 4119 1714 3412
Q 1947 2706 1947 2009
Q 1947 1309 1714 600
Q 1481 -109 1013 -844
L 513 -844
Q 928 -128 1133 580
Q 1338 1288 1338 2009
Q 1338 2731 1133 3434
Q 928 4138 513 4856
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-47"/>
<use xlink:href="#DejaVuSans-61" transform="translate(77.490234 0)"/>
<use xlink:href="#DejaVuSans-70" transform="translate(138.769531 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(202.246094 0)"/>
<use xlink:href="#DejaVuSans-28" transform="translate(234.033203 0)"/>
<use xlink:href="#DejaVuSans-61" transform="translate(273.046875 0)"/>
<use xlink:href="#DejaVuSans-64" transform="translate(334.326172 0)"/>
<use xlink:href="#DejaVuSans-64" transform="translate(397.802734 0)"/>
<use xlink:href="#DejaVuSans-65" transform="translate(461.279297 0)"/>
<use xlink:href="#DejaVuSans-64" transform="translate(522.802734 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(586.279297 0)"/>
<use xlink:href="#DejaVuSans-74" transform="translate(618.066406 0)"/>
<use xlink:href="#DejaVuSans-6f" transform="translate(657.275391 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(718.457031 0)"/>
<use xlink:href="#DejaVuSans-6d" transform="translate(750.244141 0)"/>
<use xlink:href="#DejaVuSans-61" transform="translate(847.65625 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(908.935547 0)"/>
<use xlink:href="#DejaVuSans-67" transform="translate(948.298828 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(1011.775391 0)"/>
<use xlink:href="#DejaVuSans-6e" transform="translate(1039.558594 0)"/>
<use xlink:href="#DejaVuSans-29" transform="translate(1102.9375 0)"/>
</g>
</g>
</g>
</g>
<defs>
<clipPath id="pad24174a74">
<clipPath id="p4466066fda">
<rect x="7.2" y="7.2" width="669.6" height="446.4"/>
</clipPath>
</defs>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 25 KiB

doc/images/modeling/margin_gap_light.svg
+94 -199
View File
@@ -6,7 +6,7 @@
<rdf:RDF xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<cc:Work>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:date>2026-05-12T11:57:08.937609</dc:date>
<dc:date>2026-05-13T13:08:19.427865</dc:date>
<dc:format>image/svg+xml</dc:format>
<dc:creator>
<cc:Agent>
@@ -40,7 +40,7 @@ Q 24.821053 271.515789 24.821053 300.884211
L 24.821053 347.873684
Q 24.821053 377.242105 54.189474 377.242105
z
" clip-path="url(#p6ec8682cc1)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_3">
<path d="M 54.189474 362.557895
@@ -53,7 +53,7 @@ Q 39.505263 286.2 39.505263 300.884211
L 39.505263 347.873684
Q 39.505263 362.557895 54.189474 362.557895
z
" clip-path="url(#p6ec8682cc1)" style="fill: #4caf50; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #7ba4cc; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_4">
<path d="M 54.189474 347.873684
@@ -66,7 +66,7 @@ Q 54.189474 300.884211 54.189474 300.884211
L 54.189474 347.873684
Q 54.189474 347.873684 54.189474 347.873684
z
" clip-path="url(#p6ec8682cc1)" style="fill: #7ba4cc; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #e69933; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_5">
<path d="M 124.673684 242.147368
@@ -79,7 +79,7 @@ C 56.361339 126.115449 48.315789 145.539123 48.315789 165.789474
C 48.315789 186.039824 56.361339 205.463499 70.680499 219.782659
C 84.999659 234.101819 104.423334 242.147368 124.673684 242.147368
z
" clip-path="url(#p6ec8682cc1)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_6">
<path d="M 124.673684 224.526316
@@ -92,7 +92,7 @@ C 72.125726 135.270993 65.936842 150.212281 65.936842 165.789474
C 65.936842 181.366666 72.125726 196.307955 83.140465 207.322693
C 94.155203 218.337432 109.096492 224.526316 124.673684 224.526316
z
" clip-path="url(#p6ec8682cc1)" style="fill: #4caf50; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #7ba4cc; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_7">
<path d="M 124.673684 206.905263
@@ -105,7 +105,7 @@ C 87.890114 144.426537 83.557895 154.885439 83.557895 165.789474
C 83.557895 176.693509 87.890114 187.15241 95.600431 194.862727
C 103.310748 202.573044 113.769649 206.905263 124.673684 206.905263
z
" clip-path="url(#p6ec8682cc1)" style="fill: #7ba4cc; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #e69933; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_8">
<path d="M 342 277.389474
@@ -118,7 +118,7 @@ C 273.687655 161.357554 265.642105 180.781229 265.642105 201.031579
C 265.642105 221.281929 273.687655 240.705604 288.006815 255.024764
C 302.325975 269.343924 321.74965 277.389474 342 277.389474
z
" clip-path="url(#p6ec8682cc1)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_9">
<path d="M 342 259.768421
@@ -131,7 +131,7 @@ C 289.452042 170.513098 283.263158 185.454386 283.263158 201.031579
C 283.263158 216.608772 289.452042 231.55006 300.466781 242.564798
C 311.481519 253.579537 326.422807 259.768421 342 259.768421
z
" clip-path="url(#p6ec8682cc1)" style="fill: #4caf50; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #7ba4cc; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_10">
<path d="M 342 242.147368
@@ -144,7 +144,7 @@ C 305.216429 179.668642 300.884211 190.127544 300.884211 201.031579
C 300.884211 211.935614 305.216429 222.394516 312.926746 230.104832
C 320.637063 237.815149 331.095965 242.147368 342 242.147368
z
" clip-path="url(#p6ec8682cc1)" style="fill: #7ba4cc; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #e69933; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_11">
<path d="M 559.326316 309.694737
@@ -157,7 +157,7 @@ C 491.013971 193.662817 482.968421 213.086492 482.968421 233.336842
C 482.968421 253.587192 491.013971 273.010867 505.333131 287.330027
C 519.652291 301.649187 539.075965 309.694737 559.326316 309.694737
z
" clip-path="url(#p6ec8682cc1)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_12">
<path d="M 559.326316 292.073684
@@ -170,7 +170,7 @@ C 506.778358 202.818361 500.589474 217.759649 500.589474 233.336842
C 500.589474 248.914035 506.778358 263.855323 517.793096 274.870061
C 528.807835 285.8848 543.749123 292.073684 559.326316 292.073684
z
" clip-path="url(#p6ec8682cc1)" style="fill: #4caf50; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #7ba4cc; opacity: 0.55; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="patch_13">
<path d="M 559.326316 274.452632
@@ -183,7 +183,7 @@ C 522.542745 211.973906 518.210526 222.432807 518.210526 233.336842
C 518.210526 244.240877 522.542745 254.699779 530.253062 262.410096
C 537.963379 270.120413 548.422281 274.452632 559.326316 274.452632
z
" clip-path="url(#p6ec8682cc1)" style="fill: #7ba4cc; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #e69933; opacity: 0.6; stroke: #34495e; stroke-width: 1.5; stroke-linejoin: miter"/>
</g>
<g id="text_1">
<!-- No contact -->
@@ -589,60 +589,60 @@ z
</g>
</g>
<g id="patch_14">
<path d="M 450.663158 112.926316
L 650.368421 112.926316
Q 659.178947 112.926316 659.178947 104.115789
L 659.178947 27.757895
Q 659.178947 18.947368 650.368421 18.947368
L 450.663158 18.947368
Q 441.852632 18.947368 441.852632 27.757895
L 441.852632 104.115789
Q 441.852632 112.926316 450.663158 112.926316
<path d="M 538.768421 112.926316
L 626.873684 112.926316
Q 635.684211 112.926316 635.684211 104.115789
L 635.684211 27.757895
Q 635.684211 18.947368 626.873684 18.947368
L 538.768421 18.947368
Q 529.957895 18.947368 529.957895 27.757895
L 529.957895 104.115789
Q 529.957895 112.926316 538.768421 112.926316
z
" clip-path="url(#p6ec8682cc1)" style="fill: #ffffff; opacity: 0.85; stroke: #34495e; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #ffffff; opacity: 0.85; stroke: #34495e; stroke-linejoin: miter"/>
</g>
<g id="patch_15">
<path d="M 459.473684 44.791579
C 461.654491 44.791579 463.746272 43.925135 465.288335 42.383072
C 466.830398 40.841008 467.696842 38.749228 467.696842 36.568421
C 467.696842 34.387614 466.830398 32.295834 465.288335 30.75377
C 463.746272 29.211707 461.654491 28.345263 459.473684 28.345263
C 457.292877 28.345263 455.201097 29.211707 453.659034 30.75377
C 452.11697 32.295834 451.250526 34.387614 451.250526 36.568421
C 451.250526 38.749228 452.11697 40.841008 453.659034 42.383072
C 455.201097 43.925135 457.292877 44.791579 459.473684 44.791579
<path d="M 547.578947 44.791579
C 549.759754 44.791579 551.851535 43.925135 553.393598 42.383072
C 554.935661 40.841008 555.802105 38.749228 555.802105 36.568421
C 555.802105 34.387614 554.935661 32.295834 553.393598 30.75377
C 551.851535 29.211707 549.759754 28.345263 547.578947 28.345263
C 545.39814 28.345263 543.30636 29.211707 541.764297 30.75377
C 540.222233 32.295834 539.355789 34.387614 539.355789 36.568421
C 539.355789 38.749228 540.222233 40.841008 541.764297 42.383072
C 543.30636 43.925135 545.39814 44.791579 547.578947 44.791579
z
" clip-path="url(#p6ec8682cc1)" style="fill: #7ba4cc; opacity: 0.6; stroke: #34495e; stroke-width: 1.2; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #e69933; opacity: 0.6; stroke: #34495e; stroke-width: 1.2; stroke-linejoin: miter"/>
</g>
<g id="patch_16">
<path d="M 459.473684 74.16
C 461.654491 74.16 463.746272 73.293556 465.288335 71.751493
C 466.830398 70.209429 467.696842 68.117649 467.696842 65.936842
C 467.696842 63.756035 466.830398 61.664255 465.288335 60.122191
C 463.746272 58.580128 461.654491 57.713684 459.473684 57.713684
C 457.292877 57.713684 455.201097 58.580128 453.659034 60.122191
C 452.11697 61.664255 451.250526 63.756035 451.250526 65.936842
C 451.250526 68.117649 452.11697 70.209429 453.659034 71.751493
C 455.201097 73.293556 457.292877 74.16 459.473684 74.16
<path d="M 547.578947 74.16
C 549.759754 74.16 551.851535 73.293556 553.393598 71.751493
C 554.935661 70.209429 555.802105 68.117649 555.802105 65.936842
C 555.802105 63.756035 554.935661 61.664255 553.393598 60.122191
C 551.851535 58.580128 549.759754 57.713684 547.578947 57.713684
C 545.39814 57.713684 543.30636 58.580128 541.764297 60.122191
C 540.222233 61.664255 539.355789 63.756035 539.355789 65.936842
C 539.355789 68.117649 540.222233 70.209429 541.764297 71.751493
C 543.30636 73.293556 545.39814 74.16 547.578947 74.16
z
" clip-path="url(#p6ec8682cc1)" style="fill: #4caf50; opacity: 0.55; stroke: #34495e; stroke-width: 1.2; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #7ba4cc; opacity: 0.55; stroke: #34495e; stroke-width: 1.2; stroke-linejoin: miter"/>
</g>
<g id="patch_17">
<path d="M 459.473684 103.528421
C 461.654491 103.528421 463.746272 102.661977 465.288335 101.119914
C 466.830398 99.57785 467.696842 97.48607 467.696842 95.305263
C 467.696842 93.124456 466.830398 91.032676 465.288335 89.490612
C 463.746272 87.948549 461.654491 87.082105 459.473684 87.082105
C 457.292877 87.082105 455.201097 87.948549 453.659034 89.490612
C 452.11697 91.032676 451.250526 93.124456 451.250526 95.305263
C 451.250526 97.48607 452.11697 99.57785 453.659034 101.119914
C 455.201097 102.661977 457.292877 103.528421 459.473684 103.528421
<path d="M 547.578947 103.528421
C 549.759754 103.528421 551.851535 102.661977 553.393598 101.119914
C 554.935661 99.57785 555.802105 97.48607 555.802105 95.305263
C 555.802105 93.124456 554.935661 91.032676 553.393598 89.490612
C 551.851535 87.948549 549.759754 87.082105 547.578947 87.082105
C 545.39814 87.082105 543.30636 87.948549 541.764297 89.490612
C 540.222233 91.032676 539.355789 93.124456 539.355789 95.305263
C 539.355789 97.48607 540.222233 99.57785 541.764297 101.119914
C 543.30636 102.661977 545.39814 103.528421 547.578947 103.528421
z
" clip-path="url(#p6ec8682cc1)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.2; stroke-linejoin: miter"/>
" clip-path="url(#p60d92c8ec7)" style="fill: #b0bec5; opacity: 0.35; stroke: #34495e; stroke-width: 1.2; stroke-linejoin: miter"/>
</g>
<g id="text_4">
<!-- Geometric shape -->
<g transform="translate(477.094737 40.431546) scale(0.14 -0.14)">
<!-- Geom -->
<g transform="translate(565.2 40.431546) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-47" d="M 3809 666
L 3809 1919
@@ -699,56 +699,46 @@ Q 2666 3584 2933 3390
Q 3200 3197 3328 2828
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-73" d="M 2834 3397
L 2834 2853
Q 2591 2978 2328 3040
Q 2066 3103 1784 3103
Q 1356 3103 1142 2972
Q 928 2841 928 2578
Q 928 2378 1081 2264
Q 1234 2150 1697 2047
L 1894 2003
Q 2506 1872 2764 1633
Q 3022 1394 3022 966
Q 3022 478 2636 193
Q 2250 -91 1575 -91
Q 1294 -91 989 -36
Q 684 19 347 128
L 347 722
Q 666 556 975 473
Q 1284 391 1588 391
Q 1994 391 2212 530
Q 2431 669 2431 922
Q 2431 1156 2273 1281
Q 2116 1406 1581 1522
L 1381 1569
Q 847 1681 609 1914
Q 372 2147 372 2553
Q 372 3047 722 3315
Q 1072 3584 1716 3584
Q 2034 3584 2315 3537
Q 2597 3491 2834 3397
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-68" d="M 3513 2113
L 3513 0
L 2938 0
L 2938 2094
Q 2938 2591 2744 2837
Q 2550 3084 2163 3084
Q 1697 3084 1428 2787
Q 1159 2491 1159 1978
L 1159 0
L 581 0
L 581 4863
L 1159 4863
L 1159 2956
Q 1366 3272 1645 3428
Q 1925 3584 2291 3584
Q 2894 3584 3203 3211
Q 3513 2838 3513 2113
</defs>
<use xlink:href="#DejaVuSans-47"/>
<use xlink:href="#DejaVuSans-65" transform="translate(77.490234 0)"/>
<use xlink:href="#DejaVuSans-6f" transform="translate(139.013672 0)"/>
<use xlink:href="#DejaVuSans-6d" transform="translate(200.195312 0)"/>
</g>
</g>
<g id="text_5">
<!-- Margin -->
<g transform="translate(565.2 69.799967) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-4d" d="M 628 4666
L 1569 4666
L 2759 1491
L 3956 4666
L 4897 4666
L 4897 0
L 4281 0
L 4281 4097
L 3078 897
L 2444 897
L 1241 4097
L 1241 0
L 628 0
L 628 4666
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-4d"/>
<use xlink:href="#DejaVuSans-61" transform="translate(86.279297 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(147.558594 0)"/>
<use xlink:href="#DejaVuSans-67" transform="translate(186.921875 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(250.398438 0)"/>
<use xlink:href="#DejaVuSans-6e" transform="translate(278.181641 0)"/>
</g>
</g>
<g id="text_6">
<!-- Gap -->
<g transform="translate(565.2 99.168388) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-70" d="M 1159 525
L 1159 -1331
L 581 -1331
@@ -774,112 +764,17 @@ Q 1681 391 2138 391
Q 2594 391 2855 752
Q 3116 1113 3116 1747
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-47"/>
<use xlink:href="#DejaVuSans-65" transform="translate(77.490234 0)"/>
<use xlink:href="#DejaVuSans-6f" transform="translate(139.013672 0)"/>
<use xlink:href="#DejaVuSans-6d" transform="translate(200.195312 0)"/>
<use xlink:href="#DejaVuSans-65" transform="translate(297.607422 0)"/>
<use xlink:href="#DejaVuSans-74" transform="translate(359.130859 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(398.339844 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(439.453125 0)"/>
<use xlink:href="#DejaVuSans-63" transform="translate(467.236328 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(522.216797 0)"/>
<use xlink:href="#DejaVuSans-73" transform="translate(554.003906 0)"/>
<use xlink:href="#DejaVuSans-68" transform="translate(606.103516 0)"/>
<use xlink:href="#DejaVuSans-61" transform="translate(669.482422 0)"/>
<use xlink:href="#DejaVuSans-70" transform="translate(730.761719 0)"/>
<use xlink:href="#DejaVuSans-65" transform="translate(794.238281 0)"/>
</g>
</g>
<g id="text_5">
<!-- Margin -->
<g transform="translate(477.094737 69.799967) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-4d" d="M 628 4666
L 1569 4666
L 2759 1491
L 3956 4666
L 4897 4666
L 4897 0
L 4281 0
L 4281 4097
L 3078 897
L 2444 897
L 1241 4097
L 1241 0
L 628 0
L 628 4666
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-4d"/>
<use xlink:href="#DejaVuSans-61" transform="translate(86.279297 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(147.558594 0)"/>
<use xlink:href="#DejaVuSans-67" transform="translate(186.921875 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(250.398438 0)"/>
<use xlink:href="#DejaVuSans-6e" transform="translate(278.181641 0)"/>
</g>
</g>
<g id="text_6">
<!-- Gap (added to margin) -->
<g transform="translate(477.094737 99.168388) scale(0.14 -0.14)">
<defs>
<path id="DejaVuSans-28" d="M 1984 4856
Q 1566 4138 1362 3434
Q 1159 2731 1159 2009
Q 1159 1288 1364 580
Q 1569 -128 1984 -844
L 1484 -844
Q 1016 -109 783 600
Q 550 1309 550 2009
Q 550 2706 781 3412
Q 1013 4119 1484 4856
L 1984 4856
z
" transform="scale(0.015625)"/>
<path id="DejaVuSans-29" d="M 513 4856
L 1013 4856
Q 1481 4119 1714 3412
Q 1947 2706 1947 2009
Q 1947 1309 1714 600
Q 1481 -109 1013 -844
L 513 -844
Q 928 -128 1133 580
Q 1338 1288 1338 2009
Q 1338 2731 1133 3434
Q 928 4138 513 4856
z
" transform="scale(0.015625)"/>
</defs>
<use xlink:href="#DejaVuSans-47"/>
<use xlink:href="#DejaVuSans-61" transform="translate(77.490234 0)"/>
<use xlink:href="#DejaVuSans-70" transform="translate(138.769531 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(202.246094 0)"/>
<use xlink:href="#DejaVuSans-28" transform="translate(234.033203 0)"/>
<use xlink:href="#DejaVuSans-61" transform="translate(273.046875 0)"/>
<use xlink:href="#DejaVuSans-64" transform="translate(334.326172 0)"/>
<use xlink:href="#DejaVuSans-64" transform="translate(397.802734 0)"/>
<use xlink:href="#DejaVuSans-65" transform="translate(461.279297 0)"/>
<use xlink:href="#DejaVuSans-64" transform="translate(522.802734 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(586.279297 0)"/>
<use xlink:href="#DejaVuSans-74" transform="translate(618.066406 0)"/>
<use xlink:href="#DejaVuSans-6f" transform="translate(657.275391 0)"/>
<use xlink:href="#DejaVuSans-20" transform="translate(718.457031 0)"/>
<use xlink:href="#DejaVuSans-6d" transform="translate(750.244141 0)"/>
<use xlink:href="#DejaVuSans-61" transform="translate(847.65625 0)"/>
<use xlink:href="#DejaVuSans-72" transform="translate(908.935547 0)"/>
<use xlink:href="#DejaVuSans-67" transform="translate(948.298828 0)"/>
<use xlink:href="#DejaVuSans-69" transform="translate(1011.775391 0)"/>
<use xlink:href="#DejaVuSans-6e" transform="translate(1039.558594 0)"/>
<use xlink:href="#DejaVuSans-29" transform="translate(1102.9375 0)"/>
</g>
</g>
</g>
</g>
<defs>
<clipPath id="p6ec8682cc1">
<clipPath id="p60d92c8ec7">
<rect x="7.2" y="7.2" width="669.6" height="446.4"/>
</clipPath>
</defs>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 25 KiB