vsdev
ENRUDE
Alle Projekte

Trivia Visualizer

Interaktive Diagramme zu Quizfragen nach Kategorie und Schwierigkeitsgrad.

Quellcode
Bereich
Datenvisualisierung
Zeitraum
Oktober 2025
Status
Testaufgabe
03

Aufnahmen einer lokalen Version mit Daten aus Open Trivia DB. Die Anwendung ist auf Englisch. Ein Bild auswählen, um es in voller Größe anzusehen.

Übersicht und Fragen nach Kategorie
01Übersicht und Fragen nach Kategorie
Verteilung der Schwierigkeitsgrade und Kategorieauswahl
02Verteilung der Schwierigkeitsgrade und Kategorieauswahl
Gemeinsam angewendete Kategorie- und Schwierigkeitsfilter
03Gemeinsam angewendete Kategorie- und Schwierigkeitsfilter

Eine kleine Webanwendung, entwickelt als Testaufgabe. Sie lädt 50 Fragen aus Open Trivia DB und zeigt Kategorien, Schwierigkeitsgrade und zusammengefasste Statistiken.

Funktionen

  • Balken- und Kreisdiagramme mit Tooltips
  • Kombinierbare Filter für Kategorie und Schwierigkeitsgrad
  • Auswahl über Diagramme, Liste oder Dropdown
  • Responsives Layout und Platzhalter während des Ladens

Technologien

React, TypeScript, Recharts, CSS, Fetch API, Create React App

Projektstand

Eine Testaufgabe mit der öffentlichen Open-Trivia-DB-API.

Kontakt Nächstes Projekt: IdeaVim UI Highlighter