Willkommen im Datenzeitalter. Ob Smartphone, DSL-Router oder auch beim Einkauf um die Ecke: Daten fallen überall in groĆer Menge an und werden gespeichert. Um diese groĆen Datenmengen effizient und nutzbringend einsetzen zu kƶnnen, ist eine geeignete Darstellungsform notwendig. Mit D3.js steht eine JavaScript-Bibliothek bereit, um groĆe Datenmengen in unterschiedlichsten Diagrammtypen darstellen zu kƶnnen. Werden Sie damit Herr der Daten.Bevor Sie eigene Diagramme mit D3.js erstellen kƶnnen, müssen Sie sich mit der entsprechenden Syntax auseinandersetzen. Gull erklƤrt Ihnen die wichtigsten Regeln im ersten Kapitel. Danach geht es direkt ans Eingemachte: Balkendiagramme, Kreisdiagramme und animierte Diagramme. Erleben Sie die groĆen Mƶglichkeiten von D3 anhand von eigenen Diagrammen.Nach einem theoretischen und praktischen Einstieg in den ersten beiden Kapiteln widmet sich das Kapitel 3 einer groĆen Anwendung, dem MĆ©tro Information Tracker. Hierbei nutzen Sie ƶffentlich zugƤngliche Daten (Open Data), um mit unterschiedlichen Diagrammen Informationen zur MĆ©tro in Paris darzustellen. Hierbei setzen Sie sich mit allen Themen auseinander, die die moderne Webentwicklung zu bieten hat: HTML, CSS, JSON und SVG. In einem Force-Directed-Graph stellen Sie die Daten dar und reichern diesen mit SVG-Grafiken an. Nachdem Sie dieses Projekt selbst umgesetzt haben, sind Sie gewappnet für eigene groĆe D3-Anwendungen. Der Quellcode steht auch online zur Verfügung.So lernen Ihre Modelle das Laufen! Erfahren Sie, wie Sie eine Armatur - eine Art Skelett - für Ihre Charaktere erstellen und sie mit der 3-D-Grafik verknüpfen. AnschlieĆend kƶnnen Sie die Animationsphasen selbst erstellen und aufnehmen. Darüber hinaus sehen Sie, wie Sie Licht und Schatten für die Kameraaufnahme gekonnt einsetzen.Aus dem Inhalt:⢠Datendarstellung im Web mit D3⢠Eigenheiten und Syntaxregeln⢠Plug-ins von D3.js⢠Document Object Model⢠Visualisierung von Daten