d3.js – Visualisierung von Daten mit Javascript

Seit dem ganzen Hype um das Canvas-Element in HTML5 ist es scheinbar zu einem Volkssport geworden, Libraries für Javascript zu entwickeln, die entweder über Canvas oder über SVG (oder über beides :) Daten visualisieren. d3.js macht nichts anderes, unterscheidet sich aber von den meisten Libraries durch halbwegs komplexe Beispiel, die zur Abwechslung  nicht den Aktienverlauf von Apple nach der großen Depression darstellen.

Screenshot der Beispiele von d3.js

d3.js wirft SVG ebenso wie HTML5 als auch einfache Tables aus, das liegt je nach Einsatz und Anforderung. Wieso ich überhaupt über d3.js berichte? Es kann Daten animieren, wie folgendes Beispiel zeigt. Dies kann wichtig sein um zum Beispiel in der Chemie komplexe Strukturen, in der Informatik mehrdimensionale Baumstrukturen oder mehrdimensionale Abhängigkeiten im Allgemeinen darzustellen.

Lustig ist aber auch die direkte Visualisierung der Unterschiede zwischen zwei Darstellungsformen, wie zum Beispiel hier. Der einzige Haken an dem System ist derzeit noch die Geschwindigkeit, aber es zeigt klar wo die Reise hingeht. In wenigen Monaten werden die Libraries anstatt Flash ohne große Probleme und weiteres Nachdenken verwendet werden, alleine schon um den immer stärker wachsenden Markt der Tablets bedienen zu können.

Ähnliche Beiträge

Mit Pow.js Sonnenstrahlen generieren Einen Hintergrund aus Sonnenstrahlen ist eine feine Sache, aber faktisch nicht implementierbar. Die Grafik die dafür notwendig wäre, wäre eindeutig zu...
Bildeffekte in JavaScript mit glfx.js Bilder erst auf dem Client zu manipulieren wird immer beliebter, vor allem wenn es um Animationen geht. Ich kann mich da noch an eine Zeit erinnern, w...
Tutorial Google Maps API – die Anfänge mit JavaScr... Wie versprochen kommt heute der erste Teil des Google Maps Tutorials, dass sich primär mit der API an sich und JavaScript beschäftigen wird. Bevor wir...
Enquire.js – Media Query Callbacks in JavaScript Media-Queries sind eine richtig schicke Angelegenheit, ohne die ein Responsive Design nicht möglich wäre. Ganz einfach ausgedrückt läuft die Sache so:...

Schreibe einen Kommentar