mistangl/platz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Abstandsstrafe fuer getrennte Gruppen + Verbindungslinien-Optionen

Browse Source 
- strafen.cfg: neuer optionaler Abschnitt [Abstand] mit Faktor je
  normierter Abstandseinheit (0..100, bezogen auf die max. Ausdehnung
  der Tischanordnung)
- Strukturdaten.py: Strafliste.AbstandFaktor, gibPunkte('Abstand',...),
  bewerten() bestraft den max. Tisch-Tisch-Abstand getrennter Gruppen;
  abwaertskompatibel (fehlt der Abschnitt -> Faktor 0)
- platz.py: --show-/--hide-connections steuern die Verbindungslinien
  getrennter Gruppen in der SVG
- work/*, doc/images/*: Beispiele neu durchgerechnet

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Stangl
2026-07-11 13:47:27 +02:00
parent 98b1dc4f36
commit 4f87895303
18 changed files with 1540 additions and 1379 deletions
Download Patch File Download Diff File Expand all files Collapse all files
work/hochzeit/Sitzplatzverteilung.svg
+103 -101
View File
@@ -1,6 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="995.887" height="667.258" viewBox="0 0 995.887 667.258">
<rect width="100%" height="100%" fill="white"/>
<polyline points="413.766,249.451 580.101,251.472" fill="none" stroke="#fabed4" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.5"/>
<polyline points="419.154,254.839 261.286,419.851" fill="none" stroke="#469990" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.5"/>
<circle cx="744.415" cy="251.472" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="744.415" cy="251.472" r="12" fill="white" fill-opacity="0.75"/>
<text x="744.415" y="251.472" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">6</text>
@@ -21,139 +23,139 @@
<circle cx="885.867" cy="402.586" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="908.73" cy="415.786" r="12" fill="white" fill-opacity="0.75"/>
<text x="908.73" y="415.786" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">17</text>
<circle cx="415.786" cy="251.472" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="415.786" cy="216.979" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="442.754" cy="229.966" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="449.415" cy="259.147" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="430.752" cy="282.549" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="400.82" cy="282.549" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="382.158" cy="259.147" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="388.818" cy="229.966" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="251.472" r="12" fill="white" fill-opacity="0.75"/>
<text x="415.786" y="251.472" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">4</text>
<circle cx="580.101" cy="580.101" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="580.101" cy="545.608" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="607.069" cy="558.595" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="613.729" cy="587.776" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="595.067" cy="611.178" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="565.135" cy="611.178" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="546.472" cy="587.776" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="553.133" cy="558.595" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="580.101" r="12" fill="white" fill-opacity="0.75"/>
<text x="580.101" y="580.101" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">15</text>
<circle cx="87.1573" cy="251.472" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="87.1573" cy="216.979" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="227.081" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="121.651" cy="251.472" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="275.862" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="285.965" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="275.862" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="52.664" cy="251.472" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="227.081" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="216.979" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="227.081" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="121.651" cy="251.472" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="275.862" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="285.965" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="275.862" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="52.664" cy="251.472" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="227.081" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="251.472" r="12" fill="white" fill-opacity="0.75"/>
<text x="87.1573" y="251.472" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">2</text>
<circle cx="415.786" cy="251.472" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="415.786" cy="216.979" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="227.081" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="450.28" cy="251.472" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="275.862" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="285.965" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="275.862" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="381.293" cy="251.472" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="227.081" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="251.472" r="12" fill="white" fill-opacity="0.75"/>
<text x="415.786" y="251.472" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">4</text>
<circle cx="580.101" cy="251.472" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="580.101" cy="216.979" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="227.081" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="614.594" cy="251.472" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="275.862" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="285.965" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="275.862" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="545.608" cy="251.472" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="227.081" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="216.979" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="227.081" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="614.594" cy="251.472" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="275.862" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="285.965" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="275.862" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="545.608" cy="251.472" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="227.081" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="251.472" r="12" fill="white" fill-opacity="0.75"/>
<text x="580.101" y="251.472" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">5</text>
<circle cx="251.472" cy="415.786" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="251.472" cy="381.293" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="391.396" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="285.965" cy="415.786" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="440.177" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="450.28" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="440.177" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="216.979" cy="415.786" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="391.396" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="381.293" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="391.396" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="285.965" cy="415.786" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="440.177" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="450.28" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="440.177" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="216.979" cy="415.786" r="12" fill="#dcbeff" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="391.396" r="12" fill="#dcbeff" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="415.786" r="12" fill="white" fill-opacity="0.75"/>
<text x="251.472" y="415.786" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">8</text>
<circle cx="415.786" cy="415.786" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="415.786" cy="381.293" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="391.396" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="450.28" cy="415.786" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="440.177" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="450.28" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="440.177" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="381.293" cy="415.786" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="391.396" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="381.293" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="391.396" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="450.28" cy="415.786" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="440.177" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="450.28" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="440.177" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="381.293" cy="415.786" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="391.396" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="415.786" r="12" fill="white" fill-opacity="0.75"/>
<text x="415.786" y="415.786" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">9</text>
<circle cx="580.101" cy="415.786" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="580.101" cy="381.293" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="391.396" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="614.594" cy="415.786" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="440.177" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="450.28" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="440.177" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="545.608" cy="415.786" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="391.396" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="381.293" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="391.396" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="614.594" cy="415.786" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="440.177" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="450.28" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="440.177" r="12" fill="#aaffc3" stroke="black" stroke-width="1"/>
<circle cx="545.608" cy="415.786" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="391.396" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="415.786" r="12" fill="white" fill-opacity="0.75"/>
<text x="580.101" y="415.786" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">10</text>
<circle cx="744.415" cy="415.786" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="744.415" cy="381.293" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="768.806" cy="391.396" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="778.909" cy="415.786" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="768.806" cy="440.177" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="744.415" cy="450.28" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="720.025" cy="440.177" r="12" fill="#dcbeff" stroke="black" stroke-width="1"/>
<circle cx="709.922" cy="415.786" r="12" fill="#dcbeff" stroke="black" stroke-width="1"/>
<circle cx="720.025" cy="391.396" r="12" fill="#469990" stroke="black" stroke-width="1"/>
<circle cx="744.415" cy="381.293" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="768.806" cy="391.396" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="778.909" cy="415.786" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="768.806" cy="440.177" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="744.415" cy="450.28" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="720.025" cy="440.177" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="709.922" cy="415.786" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="720.025" cy="391.396" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="744.415" cy="415.786" r="12" fill="white" fill-opacity="0.75"/>
<text x="744.415" y="415.786" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">11</text>
<circle cx="87.1573" cy="580.101" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="87.1573" cy="545.608" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="555.711" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="121.651" cy="580.101" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="604.491" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="614.594" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="604.491" r="12" fill="#800000" stroke="black" stroke-width="1"/>
<circle cx="52.664" cy="580.101" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="555.711" r="12" fill="#9a6324" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="545.608" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="555.711" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="121.651" cy="580.101" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="111.548" cy="604.491" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="614.594" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="604.491" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="52.664" cy="580.101" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="62.7669" cy="555.711" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="87.1573" cy="580.101" r="12" fill="white" fill-opacity="0.75"/>
<text x="87.1573" y="580.101" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">12</text>
<circle cx="251.472" cy="580.101" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="251.472" cy="545.608" r="12" fill="#aaffc3" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="555.711" r="12" fill="#aaffc3" stroke="black" stroke-width="1"/>
<circle cx="285.965" cy="580.101" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="604.491" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="614.594" r="12" fill="#aaffc3" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="604.491" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="216.979" cy="580.101" r="12" fill="#000075" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="555.711" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="545.608" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="555.711" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="285.965" cy="580.101" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="275.862" cy="604.491" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="614.594" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="604.491" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="216.979" cy="580.101" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="227.081" cy="555.711" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="251.472" cy="580.101" r="12" fill="white" fill-opacity="0.75"/>
<text x="251.472" y="580.101" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">13</text>
<circle cx="415.786" cy="580.101" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="415.786" cy="545.608" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="555.711" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="450.28" cy="580.101" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="604.491" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="614.594" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="604.491" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="381.293" cy="580.101" r="12" fill="#f58231" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="555.711" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="545.608" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="555.711" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="450.28" cy="580.101" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="440.177" cy="604.491" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="614.594" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="604.491" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="381.293" cy="580.101" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="391.396" cy="555.711" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="580.101" r="12" fill="white" fill-opacity="0.75"/>
<text x="415.786" y="580.101" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">14</text>
<circle cx="580.101" cy="580.101" r="56.4933" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="580.101" cy="545.608" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="555.711" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="614.594" cy="580.101" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="604.491" cy="604.491" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="614.594" r="12" fill="#bfef45" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="604.491" r="12" fill="#911eb4" stroke="black" stroke-width="1"/>
<circle cx="545.608" cy="580.101" r="12" fill="#42d4f4" stroke="black" stroke-width="1"/>
<circle cx="555.711" cy="555.711" r="12" fill="#f032e6" stroke="black" stroke-width="1"/>
<circle cx="580.101" cy="580.101" r="12" fill="white" fill-opacity="0.75"/>
<text x="580.101" y="580.101" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">15</text>
<circle cx="415.786" cy="87.1573" r="73.0009" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="415.786" cy="36.1564" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="441.287" cy="42.9892" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="36.1564" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="441.287" cy="42.9892" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="459.954" cy="61.6568" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="466.787" cy="87.1573" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="459.954" cy="112.658" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="441.287" cy="131.325" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="138.158" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="390.286" cy="131.325" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="466.787" cy="87.1573" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="459.954" cy="112.658" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="441.287" cy="131.325" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="138.158" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="390.286" cy="131.325" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="371.618" cy="112.658" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="364.785" cy="87.1573" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="371.618" cy="61.6568" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="390.286" cy="42.9892" r="12" fill="#888888" stroke="black" stroke-width="1"/>
<circle cx="390.286" cy="42.9892" r="12" fill="#fabed4" stroke="black" stroke-width="1"/>
<circle cx="415.786" cy="87.1573" r="12" fill="white" fill-opacity="0.75"/>
<text x="415.786" y="87.1573" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">1</text>
<circle cx="908.73" cy="251.472" r="77.1573" fill="white" stroke="black" stroke-width="1.5"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB