Grundlagen: Daten & JavaScript

Slides

📊 Theorie

Daten: Typen, Strukturen, Werte, Recherche, Open Data

💻 Web-Lab

Grundlagen JavaScript

Übung: Chart.js in bestehende HTML-Seite integrieren

📦 Material zur Übung

02_weblab.zip

Schritt 1 – Material vorbereiten

1. 02_weblab.zip herunterladen.
2. In einen Arbeitsordner verschieben und entpacken.
3. Das entpackte Verzeichnis in VS Code öffnen.

Schritt 2 – index.html erweitern

Teil 1 – Einfaches Chart in Section 1

• Verwenden Sie die Chart.js Getting Started Anleitung: Chart.js Getting Started
• Fügen Sie ein Canvas-Element in der ersten Section ein, um das einfache Chart darzustellen.

Teil 2 – Landtagswahlen 2026 in Section 2

• Fügen Sie ein Canvas-Element in der zweiten Section ein.
• Das Chart soll die Wahlergebnisse 2026 der Parteien CDU, SPD, AfD, Grüne, Linke, FW, FDP zeigen.

Teil 3 – Vergleich 2021 vs. 2026 in Section 3 (optional)

• Optional: Fügen Sie ein Canvas-Element ein, das die Wahlergebnisse 2021 und 2026 pro Partei zeigt (zwei Balken pro Partei).