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

SVG-Raumplan: Platzzahl je Tisch, Hover-Infos und Bild vor der Liste

Browse Source 
- Platzzahl unter der Tischnummer im SVG
- Personenkreise mit <title> (Name - Gruppe) und data-Attributen
  (gruppe/name/gid); im Web den Raumplan inline statt als <img>
  einbetten, dazu ein Kasten mit der Gruppen-Namensliste und
  Hervorhebung der Gruppe beim Hover
- Ausgabe: Raumplan vor der Tabellenliste (schneller Varianten-Vergleich)
- SVG als UTF-8 schreiben (Umlaute/Gedankenstrich sonst ungueltig)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Michael Stangl
2026-07-15 17:30:33 +02:00
parent 4a059f32c5
commit b29b3b22d4
19 changed files with 1862 additions and 1653 deletions
Download Patch File Download Diff File Expand all files Collapse all files
work/test1/PersonenTische.csv
+9 -9
View File
@@ -1,17 +1,17 @@
AA, A, Dipl. Ing. = Hof 1, Tisch 1, Nummer 2
AA, A, Dipl. Ing. = Hof 1, Tisch 1, Nummer 3
AA, A, Dipl. Ing. = Hof 1, Tisch 1, Nummer 4
AA, A, Dipl. Ing. = Hof 1, Tisch 1, Nummer 5
AA, A, Dipl. Ing. = Hof 1, Tisch 1, Nummer 6
AA, A, Dipl. Ing. = Hof 1, Tisch 2, Nummer 2
AA, A, Dipl. Ing. = Hof 1, Tisch 2, Nummer 3
AA, A, Dipl. Ing. = Hof 1, Tisch 2, Nummer 4
AA, A, Dipl. Ing. = Hof 1, Tisch 2, Nummer 5
AA, A, Dipl. Ing. = Hof 1, Tisch 2, Nummer 6
AA, A, Dipl. Ing. = Hof 1, Tisch 3, Nummer 2
AA, A, Dipl. Ing. = Hof 1, Tisch 3, Nummer 3
AA, A, Dipl. Ing. = Hof 1, Tisch 3, Nummer 4
AA, A, Dipl. Ing. = Hof 1, Tisch 3, Nummer 5
AA, A, Dipl. Ing. = Hof 1, Tisch 3, Nummer 6
BB, B, Prof. = Hof 1, Tisch 1, Nummer 2
BB, B, Prof. = Hof 1, Tisch 1, Nummer 3
BB, B, Prof. = Hof 1, Tisch 1, Nummer 4
BB, B, Prof. = Hof 1, Tisch 1, Nummer 5
BB, B, Prof. = Hof 1, Tisch 3, Nummer 2
BB, B, Prof. = Hof 1, Tisch 3, Nummer 3
BB, B, Prof. = Hof 1, Tisch 3, Nummer 4
BB, B, Prof. = Hof 1, Tisch 3, Nummer 5
CC, C, Dr. = Hof 1, Tisch 4, Nummer 2
CC, C, Dr. = Hof 1, Tisch 4, Nummer 3
CC, C, Dr. = Hof 1, Tisch 4, Nummer 4
1 AA A Dipl. Ing. = Hof 1 Tisch 2 Tisch 1 Nummer 2
1 AA A Dipl. Ing. = Hof 1 Tisch 1 Nummer 2
2 AA A Dipl. Ing. = Hof 1 Tisch 1 Nummer 3
3 AA A Dipl. Ing. = Hof 1 Tisch 1 Nummer 4
4 AA A Dipl. Ing. = Hof 1 Tisch 1 Nummer 5
5 AA A Dipl. Ing. = Hof 1 Tisch 1 Nummer 6
6 AA A Dipl. Ing. = Hof 1 Tisch 2 Tisch 2 Nummer 2
7 AA A Dipl. Ing. = Hof 1 Tisch 2 Tisch 2 Nummer 3
8 AA A Dipl. Ing. = Hof 1 Tisch 2 Tisch 2 Nummer 4
9 AA A Dipl. Ing. = Hof 1 Tisch 2 Tisch 2 Nummer 5
10 AA A Dipl. Ing. = Hof 1 Tisch 2 Tisch 2 Nummer 6
11 AA BB A B Dipl. Ing. = Hof 1 Prof. = Hof 1 Tisch 3 Tisch 3 Nummer 2
12 AA BB A B Dipl. Ing. = Hof 1 Prof. = Hof 1 Tisch 3 Tisch 3 Nummer 3
13 AA BB A B Dipl. Ing. = Hof 1 Prof. = Hof 1 Tisch 3 Tisch 3 Nummer 4
14 AA BB A B Dipl. Ing. = Hof 1 Prof. = Hof 1 Tisch 3 Tisch 3 Nummer 5
AA A Dipl. Ing. = Hof 1 Tisch 3 Nummer 6
BB B Prof. = Hof 1 Tisch 1 Nummer 2
BB B Prof. = Hof 1 Tisch 1 Nummer 3
BB B Prof. = Hof 1 Tisch 1 Nummer 4
BB B Prof. = Hof 1 Tisch 1 Nummer 5
15 CC C Dr. = Hof 1 Tisch 4 Tisch 4 Nummer 2
16 CC C Dr. = Hof 1 Tisch 4 Tisch 4 Nummer 3
17 CC C Dr. = Hof 1 Tisch 4 Tisch 4 Nummer 4
work/test1/Sitzplatzverteilung.svg
+13 -13
View File
@@ -1,12 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="405.657" height="108.914" viewBox="0 0 405.657 108.914">
<rect width="100%" height="100%" fill="white"/>
<polyline points="153.372,54.4572 252.286,54.4572" fill="none" stroke="#3cb44b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.5"/>
<polyline points="54.4572,54.4572 153.372,54.4572" fill="none" stroke="#3cb44b" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.5"/>
<circle cx="252.286" cy="54.4572" r="44.4572" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="252.286" cy="32" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="274.743" cy="54.4572" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="252.286" cy="76.9144" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="229.829" cy="54.4572" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="252.286" cy="54.4572" r="12" fill="white" fill-opacity="0.75"/>
<text x="252.286" y="54.4572" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">3</text>
<circle cx="54.4572" cy="54.4572" r="44.4572" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="54.4572" cy="32" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="76.9144" cy="54.4572" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="54.4572" cy="76.9144" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="32" cy="54.4572" r="12" fill="#e6194b" stroke="black" stroke-width="1"/>
<circle cx="54.4572" cy="32" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="75.8152" cy="47.5175" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="67.6572" cy="72.6254" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="41.2572" cy="72.6254" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="33.0991" cy="47.5175" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="54.4572" cy="54.4572" r="12" fill="white" fill-opacity="0.75"/>
<text x="54.4572" y="54.4572" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">1</text>
<circle cx="153.372" cy="54.4572" r="44.4572" fill="white" stroke="black" stroke-width="1.5"/>
@@ -17,14 +25,6 @@
<circle cx="132.013" cy="47.5175" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="153.372" cy="54.4572" r="12" fill="white" fill-opacity="0.75"/>
<text x="153.372" y="54.4572" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">2</text>
<circle cx="252.286" cy="54.4572" r="44.4572" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="252.286" cy="32" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="273.644" cy="47.5175" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="265.486" cy="72.6254" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="239.086" cy="72.6254" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="230.928" cy="47.5175" r="12" fill="#3cb44b" stroke="black" stroke-width="1"/>
<circle cx="252.286" cy="54.4572" r="12" fill="white" fill-opacity="0.75"/>
<text x="252.286" y="54.4572" text-anchor="middle" dominant-baseline="central" font-size="13.2" font-weight="bold" fill="black">3</text>
<circle cx="351.2" cy="54.4572" r="44.4572" fill="white" stroke="black" stroke-width="1.5"/>
<circle cx="351.2" cy="32" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
<circle cx="372.558" cy="47.5175" r="12" fill="#4363d8" stroke="black" stroke-width="1"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

work/test1/TischePersonen.txt
+9 -9
View File
@@ -1,8 +1,9 @@
[1]
Prof. B BB = Hof 1, Tisch 1, Nummer 1
Prof. B BB = Hof 1, Tisch 1, Nummer 2
Prof. B BB = Hof 1, Tisch 1, Nummer 3
Prof. B BB = Hof 1, Tisch 1, Nummer 4
Dipl. Ing. A AA = Hof 1, Tisch 1, Nummer 1
Dipl. Ing. A AA = Hof 1, Tisch 1, Nummer 2
Dipl. Ing. A AA = Hof 1, Tisch 1, Nummer 3
Dipl. Ing. A AA = Hof 1, Tisch 1, Nummer 4
Dipl. Ing. A AA = Hof 1, Tisch 1, Nummer 5
[2]
Dipl. Ing. A AA = Hof 1, Tisch 2, Nummer 1
@@ -12,11 +13,10 @@ Dipl. Ing. A AA = Hof 1, Tisch 2, Nummer 4
Dipl. Ing. A AA = Hof 1, Tisch 2, Nummer 5
[3]
Dipl. Ing. A AA = Hof 1, Tisch 3, Nummer 1
Dipl. Ing. A AA = Hof 1, Tisch 3, Nummer 2
Dipl. Ing. A AA = Hof 1, Tisch 3, Nummer 3
Dipl. Ing. A AA = Hof 1, Tisch 3, Nummer 4
Dipl. Ing. A AA = Hof 1, Tisch 3, Nummer 5
Prof. B BB = Hof 1, Tisch 3, Nummer 1
Prof. B BB = Hof 1, Tisch 3, Nummer 2
Prof. B BB = Hof 1, Tisch 3, Nummer 3
Prof. B BB = Hof 1, Tisch 3, Nummer 4
[4]
Dr. C CC = Hof 1, Tisch 4, Nummer 1