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

Google Maps API – Geocodierung In den bisherigen Teilen des Tutorials haben wir eine Adresse immer mittels der Koordinaten übergeben. Wie schon festgestellt birgt das einiges an Pro...
Photoshop mit Javascript Zu sagen man kennt Photoshop nicht wäre als wenn ein Eisverkäufer mit der Gabel die Waffeln füllt. Erstaunlicherweise ist es aber so, dass nicht ein B...
Shortest Path Algorithmus in JavaScript Als ich in der grauen Vorzeit Informatik studiert habe gab es im Grundstudium ein paar Algorithmen, auf denen jeder Professor bis zum Erbrechen rum ge...
Gesichtserkennung mit JavaScript In der nächsten Zeit werden im Bereich der Web-Entwicklung zwei große Dinge passieren: a) Spracheingabe für Webseiten, und b) geänderte Login-Verfahre...

Schreibe einen Kommentar