https://github.com/leo848/jufo2024-frontend

Frontend zum Jugend forscht-Projekt "sorting the colors: Dimensionsbezogene Generalisierung vergleichsbasierter Sortierung"
https://github.com/leo848/jufo2024-frontend

Last synced: 18 days ago
JSON representation

Frontend zum Jugend forscht-Projekt "sorting the colors: Dimensionsbezogene Generalisierung vergleichsbasierter Sortierung"

• Host: GitHub
• URL: https://github.com/leo848/jufo2024-frontend
• Owner: leo848
• License: gpl-3.0
• Created: 2023-11-15T17:26:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-01T08:25:42.000Z (7 months ago)
• Last Synced: 2024-06-01T13:16:59.060Z (7 months ago)
• Language: TypeScript
• Homepage: https://sorting-the-colors.vercel.app
• Size: 33.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jufo2024-frontend

Dieses Repository enthält den Code für die Frontend-Webanwendung des Jugend forscht-Projekts "sorting the colors: Dimensionsbezogene Generalisierung vergleichsbasierter Sortierung". Die Webanwendung ist in [Svelte](svelte.dev) geschrieben.

## Installation (Entwicklung)

```

git clone https://github.com/leo848/jufo2024-frontend

cd jufo2024-frontend

pnpm run dev

```

Ohne Backend können allerdings keine Algorithmen ausgeführt werden. Für die Installation des Backends siehe [dessen Repo](https://github.com/leo848/jufo2024-backend).

## Funktionen

- Natürliche Zahlen mittels verschiedener Sortieralgorithmen sortieren

  - Aktuell implementiert: Bubble Sort, Selection Sort, Insertion Sort

  - visualisiert als Karten, sowie als (dreidimensionales) Balkendiagramm

- Farben sortieren

  - Farben auswählen

    - Farbräume: sRGB, linear sRGB, HSV, CMY, oklab

    - Farbauswahl

      - automatische Konvertierung zu CSS-Farben und Hexadezimalwert

      - Regler mit adaptivem Farbverlauf

      - zweidimensionale Auswahl aus Diagramm

    - Farbbenennung

      - mittels [color-names](https://github.com/meodai/color-names) benennen

      - Auswahl der Namenliste: HTML-Farben, X11-Farben, und viele mehr (siehe dieses Repo)

      - Distanz zur benannten Farbe anzeigen, Farben normalisieren

  - Liste von Farben erzeugen

  - Farben im interaktiven dreidimensionalen Diagramm anzeigen

- Vektoren sortieren

  - Vektoren einer beliebigen Dimension eingeben

  - Adjazenzmatrix

  - Kräftebasierte Graphendarstellung

    - physikalische Simulation (Hooke)

    - mehrdimensionalen Graphen in 2D darstellen

- Orte sortieren

  - geografische Orte in interaktiver Kartenanwendung eingeben

- Wörter sortieren

  - Wörter in 100-dimensionalen Vektorraum einbetten

  - Adjazenzmatrix

  - Sortierung nach semantischer Ähnlichkeit der Wörter

  - Separation von Wortfeldern

- Hamilton-Pfad finden

  - Graph als (symmetrische) Adjazenzmatrix eingeben

  - Visualisierung durch kräftebasierte Graphendarstellung

Dabei steht bei jeder Unterseite stets die Visualisierung der Algorithmen im Vordergrund, um ein Verständnis dessen aufzubauen.