Übung: Interaktive DataViz im Web (Teil 2)

📅 Live-Termin: Vorlesung 7: Übung Data-Interaction

Wann: 15. Mai 2026 | 09:45 – 13:00 Uhr
Wo: Online via Microsoft Teams

👉 Hier an der Besprechung teilnehmen

Ziel

In dieser Übung erweiterst du das bestehendes Vite- und Highcharts-Projekt zu einem kleinen interaktiven Analytics-Dashboard.

Auf Basis der bereits implementierten SemiCircle-Charts (Bachelor, Master, Zertifikate mit Umschaltung zwischen Geschlecht, Internationalität und Erstsemester) sollen weitere Visualisierungen ergänzt werden.

Downloads

📦 ViteJS Projekt

studierende_th_nuernberg.zip

Aufgabenstellung

Erweitere dein bestehendes Projekt um folgende neue Dashboard-Sections:

📊 1. Studierende nach Fächergruppen (WS 2025)

Ziel

Darstellung der Studierendenverteilung nach Fächergruppen als Balkendiagramm.

Anforderungen

• Chart-Typ: Bar Chart (Highcharts)
• Datenbasis: kategorie = "Fächergruppe"
• Filter: ws = 2025
• Darstellung:
  • Y-Achse: Fächergruppen (Bezeichnung)
  • X-Achse: Anzahl Studierende (gesamt)
• Sortierung: absteigend nach Gesamtzahl

📊 2. Studierende nach Fakultäten (WS 2025)

Ziel

Vergleich der Fakultäten nach Geschlecht.

Anforderungen

• Chart-Typ: Stacked Bar Chart
• Datenbasis: kategorie = "Fakultät"
• Filter: ws = 2025
• Darstellung:
  • X-Achse: Fakultäten
  • Y-Achse: Studierende
• Series:
  • Männlich
  • Weiblich
• Sortierung: absteigend nach Gesamtzahl

📈 3. Studierendenentwicklung seit 2017

Ziel

Zeitliche Entwicklung der Studierendenzahlen.

Anforderungen

• Chart-Typ: Line Chart
• Zeitraum: WS 2017 bis WS 2025
• Zwei getrennte Charts:
  • Bachelor
  • Master
• Darstellung:
  • X-Achse: Wintersemester
  • Y-Achse: Studierende gesamt
• Sortierung: chronologisch nach WS