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


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...


Rollenspiele in HTML5
Was waren das noch Zeiten als isometrische Grafiken das neue Ding waren. Während man sich mit Telnet durch MUDs gekämpft hatte, und das erste Ultima a...


Isotope – Next Generation Website Layout dank jQue...
Das letzte Plugin für jQuery was mich nachhaltig beeindruckt hatte, war Masonry. Das kleine Tool macht gerade auf Community-Seiten oder in Drupal rech...


TaffyDB – Datenbank für JavaScript
In vielen Fällen läuft es heutzutage so, das Daten in Tabellen zum Beispiel nicht mehr direkt eingesetzt, sondern mittels AJAX nachgeladen werden. Ger...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.