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

Favicon mit Javascript austauschen Nach meiner bescheidenen Meinung sind Favicons innerhalb einer Webanwendung die Elemente, denen die wenigste Beachtung geschenkt wird. Ich habe ja sch...
HTML5 Canvas Cheat Sheet Kurz und schmerzlos: heute gib es ein Cheat Sheet für das HTML5 Canvas-Element, das als PDF oder als PNG heruntergeladen werden kann. Auch wenn es mir...
Mit Numeral.js Zahlen formatieren Normalerweise ist der Konstrukt ja wie folgt: MySQL->PHP->Form->PHP->MySQL - das ist ganz nett, bietet aber einige Fallstricke. Normalerwe...
Dynamische Favicons mit Funktion Die Idee ist ebenso genial wie einfach: Wenn sich ein Benutzer erst einmal an einem System angemeldet hat, besteht eine Session. Besteht eine Session ...

Schreibe einen Kommentar