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

html2canvas – Screenshots mit JavaScript Wenn man mal überlegt, womit sich man sich als Blogger so seine Zeit vertreibt, wird man auf eins sehr schnell kommen: Screenshots. Die kleinen Bieste...
30 Pixel Art Tutorials inkl. Isometrie Nachdem ich ja gestern bereits über die Animation von Charakteren geblogt habe, kommt man nun sehr schnell in den Zustand in dem man auch komplette We...
Blog für HTML5 Game Development HTML5 Game Development (Spielprogrammierung) ist das nächste große Ding, da führt gar kein Weg dran vorbei! Dummerweise kocht da grad jeder sein eigen...
InstaCSS – die Referenz in Sachen CSS3 / HTM... Ich ergehe mich ja nicht oft in Superlativen, aber in Sachen CSS3 / HTML5 Dokumentation besteht mancherorts echt Nachholbedarf. Man bewegt sich dort i...

Schreibe einen Kommentar