Erscheinungsbild
Übung: Interaktive DataViz im Web
Ziel
Echte Hochschuldaten beschaffen, bereinigen und als interaktiven Chart visualisieren.
📋 Aufgabe
Studierendenzahlen der TH Nürnberg → CSV → Highcharts
Downloads
Datenquellen
Meilensteine
1. Daten analysieren
- Welche Tabellen/Kategorien gibt es?
- Sind alle Semester gleich aufgebaut?
- Fehlen Spalten oder Werte?
- Welche Formate liegen vor? (Zahlen, Texte, Sonderzeichen)
2. Daten extrahieren
- Einheitliches CSV-Format festlegen
- Daten übertragen (manuell, Copy-Paste oder KI)
- Alle Semester in eine Datei oder getrennt – Entscheidung begründen
3. Extrahierte Daten prüfen
- In Datawrapper, Excel oder Numbers öffnen
- Stimmen die Summen? (z. B. weiblich + männlich = gesamt?)
- Leerzeilen, Tausenderpunkte, Encoding prüfen
4. Vite-Projekt aufsetzen
- Neues Vite-Projekt anlegen (
npm create vite@latest) - Highcharts installieren (
npm install highcharts)
5. Struktur überlegen (bevor coden!)
- Welche Dateien brauche ich? Was gehört wo hin?