Einführung
In diesem Projekt lernst du, wie du Daten aus einer JSON-Datei abrufen, den Protein-Gehalt verschiedener Lebensmittel darstellen und einen Echarts-Kreisschlüssel zur Visualisierung der Daten erstellen kannst. Ziel dieses Projekts ist es, dir einen praxisnahen Einblick in die Arbeit mit Datenmanipulation und -visualisierung mit JavaScript zu geben.
👀 Vorschau
🎯 Aufgaben
In diesem Projekt wirst du lernen:
- Wie du Daten aus einer JSON-Datei mithilfe der Fetch-API abrufst
- Wie du den Protein-Gehalt verschiedener Lebensmittel auf der Webseite darstellst
- Wie du einen Echarts-Kreisschlüssel zur Visualisierung der Protein-Gehaltsdaten erstellst
🏆 Errungenschaften
Nach Abschluss dieses Projekts wirst du in der Lage sein:
- Daten aus einer JSON-Datei abzurufen und zu verarbeiten
- HTML-Elemente dynamisch basierend auf den abgerufenen Daten zu rendern
- Die Echarts-Bibliothek zum Erstellen eines interaktiven Kreisschlüssels zu verwenden
- Die Datenvisualisierung in eine Webanwendung zu integrieren
