Data Driven Documents

Dieses Seminar führen wir im Moment nicht durch.

Immer komplexere Datenmengen verlangen nach einer strukturierten anschaulichen Darstellung für ein anspruchsvoller werdendes Publikum. Die gute alte tabellarische Darstellung hat aus mehreren Gründen in vielen Bereichen schon ausgedient und gilt als ‚Old-School‘ und ist daher nicht mehr praktikabel. Ob es um die Darstellung der Firmenstandorte auf einer Weltkarte, eingefärbt nach Produktivität, um die anschauliche Visualisierung des letzten Geschäftsbericht als interaktive Torten-Grafik oder einfach nur um die Darstellung zeitlicher Abläufe in einer Zeitleiste geht. Die Darstellung soll möglichst bunt, aussagekräftig und natürlich interaktiv sein. Hier beginnt die großartige Welt der Daten Driven Documents. Aus vorhandenen (Roh)Daten lassen sich mittels ‚standardisierter‘ Web Technologien wie z. B. HTML5, SVG, JavaScript und CSS hochperformante Visualisierungen, die den Animationen aus den guten alten Flash Tagen in nichts nachstehen, erzeugen. Genauer betrachtet birgt das DDD-Konzept aber ein viel größeres Potential in sich und ist nicht zuletzt angetreten, um eine weitere kleine Revolution im Web auszulösen. Das Erfolgsrezept ist einfach aber wirkungsvoll. Das Konzept setzt nicht auf eine proprietäre Technologie, sonder nutzt vorhanden Standards und ‚formt‘ daraus einen praktikablen einfach zur realisierenden Ansatz der ohne Plugins in jedem aktuellen Web-Browser darstellbar ist. Das Seminar richtet sich an Interessierte, die aus den Daten ihres Unternehmens, ihres Vereins oder aus den eigenen Daten mehr herausholen wollen. Das Seminar bietet einen detaillierten Überblick über das DDD-Konzept, die dahinterstehenden Technologien, wie sie zu einem perfektem Zusammenspiel bewogen werden und gibt einen fundierten Überblick über die zur Zeit gängigen Frameworks und Strömungen in der DDD-Welt.

Inhalte des Seminars

Einführung

• Daten Visualisierung
• Was sind Daten
• Arten der Visualisierung
• Interaktivität

Grundlagen

• HTML5
• JavaScript
• CSS
• DOM Modell
• Box-Modelle

Technologien und Frameworks

• SVG
• Data-Driven Documents mit D3.js
• Raphaël JavaScript Library/raphael.js
• Web GL
• HTML5-Canvas
• Processing.js

Datenquellen und Formate

• Qualität, Dimension, Reduktion
• Aufbereitung
• Bereitstellung
• Konvertierung
• JSON
• REST/AJAX
• XML

Visualisierung

• Formen (Torte, Balken, etc.)
• Topologie
• Karten
• Koordinatensysteme
• Skalierung
• Achsen
• Positionierung
• Dimensionen

Interaktivität

• Aktualisierung
• Bewegungen
• Transformationen
• Events
• Tooltips

Verortung

• Geo Mapping
• GeoJSON vs. JSON
• Projektionen
• Datenaufbereitung
• GEO Referenzierung
• Shapes
• Points
• Areas
• Pfade