Datenvisualisierung in HTML5 mit HumbleFinance

Fast jedes Trackingtool bzw. eCommerce-Paket visualisiert heutzutage Daten als Graphen. Dabei werden entweder Verkaufszahlen oder Besucherzahlen in netten Grafiken visualisiert. Beispiele hierfür sind zum Beispiel das Dashboard von Google Analytics, bzw. das Dashboard von Magento. Die meisten dieser Systeme haben jedoch eins gemeinsam: Anstatt die Daten direkt darzustellen, schicken sie diese an ominöse Flash-Movies, die diese Aufgabe dann übernehmen. Gefüttert wird das Movie in der Regel mit AMF oder XML.

Demo-Anwendung von HumbleFinance

Dies ist weder sinnvoll noch performant. Sinnvollerweise könnte man das Ganze unter anderem zum Beispiel mit dem Canvas-Element von HTML5 lösen. Dies ist zwar aufwendig, aber möglich. Noch einfacher wird, dass Ganze wenn man eine fertige, auf HTML5 basierende Toolbox verwendet! HumbleFinance ist eine solche Toolbox, die eigentlich zur Visualisierung von Geschäftszahlen (Aktienkurse) gedacht ist, sicher aber natürlich auch zweckentfremden lässt.

Die Demo besitzt die gleiche Funktionalität wie Google Finance, das wiederum Flash benutzt. Schnell merkt man bei der Anwendung wie hochperformant HTML5 sein kann und eigentlich sollte das Tool Standard für 2D-Graphen im Internet werden: schneller und einfacher geht es nicht mehr!

Ähnliche Beiträge

HTML5 Bookmarks in der Cloud Die aktuelle Entwicklung um HTML5 zu verfolgen ist nicht immer einfach. Während auf der einen Seite am Standard rum geschraubt wird, bemüht man sich a...
Mozilla veröffentlicht ein HTML5-basiertes Browser... Der Markt der Browserspiele boomt. Mittlerweile erwirtschaften die Marktführer in diesem Bereich Jahres-Umsätze im dreistelligen Millionen-Bereich. ...
LimeJS – HTML5 Spiele Framework Darüber das HTLM5 der Weg in die Zukunft ist, und nicht Flash, lasse ich mich heute mal nicht aus (dann haut ihr mich wieder!:) Aber es ist schön anzu...
Hakim El Hattabs HTML5 Experimente HTML5 entwickelt sich zu einem Konstrukt, das für Webworker primär aus einem besteht: Einem Konstrukt der über mehr Browserweichen verfügt, als es für...

Schreibe einen Kommentar

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