Daten sind überall. Doch erst durch die richtige Visualisierung werden aus Zahlen verständliche Informationen und aus Informationen wertvolle Erkenntnisse.
Genau hier kommt d3.js ins Spiel.
d3.js (Data-Driven Documents) ist eine der weltweit leistungsfähigsten JavaScript-Bibliotheken für Datenvisualisierung. Mit d3.js lassen sich interaktive Diagramme, Dashboards, Karten und datengetriebene Webanwendungen erstellen, die weit über klassische Diagrammtools hinausgehen.
In diesem Kurs lernst du Schritt für Schritt die Grundlagen von d3.js kennen und entwickelst eigene Datenvisualisierungen direkt im Browser.
Einführung und Installation
Starte mit den Grundlagen von d3.js und erfahre, wie die Bibliothek aufgebaut ist und in Webprojekte integriert wird.
Du lernst die notwendigen Voraussetzungen kennen und richtest deine Entwicklungsumgebung ein.
SVG und grundlegende Funktionen
Lerne die Grundlagen von SVG (Scalable Vector Graphics), dem Herzstück vieler d3.js-Visualisierungen.
Du verstehst, wie grafische Elemente erstellt, positioniert und gestaltet werden.
Erstellung statischer Diagramme
Erstelle deine ersten datengetriebenen Visualisierungen und lerne, wie Daten in Diagramme übersetzt werden.
Unter anderem arbeitest du mit:
- Balkendiagrammen
- Liniendiagrammen
- Kreisdiagrammen
- Achsen und Skalen
Interaktive Diagramme entwickeln
Entdecke die wahre Stärke von d3.js.
Du lernst, wie Visualisierungen auf Benutzereingaben reagieren und Daten dynamisch darstellen können.
Dazu gehören beispielsweise:
- Hover-Effekte
- Tooltips
- Animationen
- Dynamische Aktualisierung von Daten
- Interaktive Filter
Im Bonusbereich erhältst du zusätzliche Einblicke in weiterführende Möglichkeiten von d3.js und moderne Datenvisualisierung.
Moderne Unternehmen treffen Entscheidungen auf Basis von Daten.
Wer Daten verständlich visualisieren kann, besitzt eine wichtige Fähigkeit in Bereichen wie:
- Data Analytics
- Business Intelligence
- Data Science
- Webentwicklung
- Dashboard-Entwicklung
- Forschung und Wissenschaft
d3.js gilt dabei als eine der flexibelsten und leistungsfähigsten Technologien zur Erstellung individueller Datenvisualisierungen.
Die Grundlagen von d3.js erklären
SVG-Grafiken erstellen und bearbeiten
Daten in Visualisierungen umwandeln
Eigene Diagramme entwickeln
Interaktive Datenvisualisierungen umsetzen
Daten ansprechend und verständlich präsentieren
Die Basis für weiterführende Visualisierungs- und Data-Science-Projekte schaffen
Mehrere kompakte Micro-Learning-Einheiten
Schritt-für-Schritt-Erklärvideos
Praxisnahe Programmierbeispiele
Herausforderungen zur Wissensüberprüfung
Quizze am Ende der Kapitel
Bonusmaterial für Fortgeschrittene
Flexibles Lernen im eigenen Tempo
Programmieren lernt man nicht durch Zuschauen.
Deshalb entwickelst du im Verlauf des Kurses eigene Visualisierungen und setzt die erlernten Konzepte direkt praktisch um. Durch Übungen, Challenges und Beispiele arbeitest du aktiv mit d3.js und sammelst wertvolle Erfahrungen für eigene Projekte.
Studierende aller Fachrichtungen
Einsteigerinnen und Einsteiger in die Webentwicklung
Data-Science-Interessierte
Business-Intelligence-Anwender
Entwicklerinnen und Entwickler
Alle, die Daten professionell visualisieren möchten
Datenvisualisierung gehört zu den wichtigsten Fähigkeiten moderner datengetriebener Unternehmen.
Mit d3.js lernst du ein Werkzeug kennen, das von Data Scientists, Analysten, Forschenden und Entwicklern weltweit eingesetzt wird, um komplexe Daten verständlich und interaktiv darzustellen.
📊 Daten verstehen. Geschichten erzählen. Interaktive Visualisierungen entwickeln.
