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

Die Installation von CoffeeScript CoffeeScript ist eine feine Sache, um schneller einfacher lesbareres JavaScript zu erstellen. Es ist eine Meta-Sprache die JavaScript entschärft und -...
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 ...
DropArea – Bildupload mit HTML5 und jQuery Das Input-Feld vom Typ File ist ein ausgesprochener Störenfried! Keine Präsentation einer fertigen Website ohne Diskussion darüber, wieso der "Durchsu...
Microjs – Micro-Frameworks für Vanilla Javas... Im Bereich der Webentwicklung herrscht derzeit eine "Totschläger-Mentalität" - erster Schritt beim Aufsetzen einer neuen Seite, bzw. des grundlegenden...

Schreibe einen Kommentar

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