dschlueter/sorting
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

BEDEIENUNGSANLEITUNG.md gefixt

Browse source
This commit is contained in:
Dieter Schlüter 2026-04-07 03:22:47 +02:00
commit 2c73327400
2 changed files with 21 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

14
BEDIENUNGSANLEITUNG.md
View file

@ -28,27 +28,27 @@ Dieses Programm visualisiert die Funktionsweise von **20 Sortieralgorithmen**
## 2. Oberfläche ## 2. Oberfläche
``` ```
┌──────────────────────────────────────────────────────────┐ ┌───────────────────────────────────────────────────────────────┐
│ Sortier-Algorithmen [Bedienung] │ │ Sortier-Algorithmen [Bedienung] │
├──────────────┬─────────────────────────────────────────────┤ ├──────────────┬────────────────────────────────────────────────┤
│ │ ┌─ Phase-Label ──────────────────────┐ │ │ │ ┌─ Phase-Label ───────────────────────┐ │
│ Algorithmus │ │ Vergleich: arr[3]=42 mit arr[4]=17 │ │ │ Algorithmus │ │ Vergleich: arr[3]=42 mit arr[4]=17 │ │
│ [Dropdown] │ └────────────────────────────────────┘ │ │ [Dropdown] │ └─────────────────────────────────────┘ │
│ │ │ │ │ │
│ Daten │ ┌─────────── Canvas ─────────────────┐ │ │ Daten │ ┌─────────── Canvas ──────────────────┐ │
│ [Vorlage] │ │ │ │ │ [Vorlage] │ │ │ │
│ │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │ │ │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │
│ Eigene │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │ │ Eigene │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │
│ Werte │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │ │ Werte │ │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │
│ │ │ │ │ │ │ │ │ │
│ Array-Größe │ └────────────────────────────────────┘ │ │ Array-Größe │ └─────────────────────────────────────┘ │
│ ─────────── │ │ │ ─────────── │ │
│ Geschw. │ [▶][⏸][⏭][🔀][↺][🌙] │ │ Geschw. │ [▶][⏸][⏭][🔀][↺][🌙] │
│ ─────────── │ │ │ ─────────── │ │
│ Legend │ Vergleiche: 128 Tausche: 64 Zeit: 1.2s │ │ Legend │ Vergleiche: 128 Tausche: 64 Zeit: 1.2s │
│ │ │ │ │ │
│ [▶ Play] │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │ │ [▶ Play] │ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ █ │
└──────────────┴─────────────────────────────────────────────┘ └──────────────┴────────────────────────────────────────────────┘
``` ```
- **Links (Sidebar):** Algorithmus wählen, Datensatz, eigene Werte, Geschwindigkeit, Legende - **Links (Sidebar):** Algorithmus wählen, Datensatz, eigene Werte, Geschwindigkeit, Legende

2
sorting_visualization.html
View file

@ -204,7 +204,7 @@
<div class="flex-1"></div> <div class="flex-1"></div>
<div class="text-center"> <div class="text-center">
<h1 class="title-text font-bold tracking-tight" style="color: var(--c-text); text-shadow: 0 0 40px rgba(74,124,255,0.3);"> <h1 class="title-text font-bold tracking-tight" style="color: var(--c-text); text-shadow: 0 0 40px rgba(74,124,255,0.3);">
Sortier-Algorithmen <span style="font-size: 0.45em; font-weight: 400; opacity: 0.5; vertical-align: middle;">v0.2.18</span> Sortier-Algorithmen <span style="font-size: 0.45em; font-weight: 400; opacity: 0.5; vertical-align: middle;">v0.2.19</span>
</h1> </h1>
<p class="text-muted text-sm mt-0.5">Interaktive Visualisierung mit schrittweiser Animation</p> <p class="text-muted text-sm mt-0.5">Interaktive Visualisierung mit schrittweiser Animation</p>
</div> </div>