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

Autocomplete bei Input-Feldern abschalten Das am meisten ignorierte Attribut im Web-Umfeld lautet wohl autocomplete.  Dabei ist der kleine Helfer äußerst sinnvoll, suggeriert es doch dem DAU, ...
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...
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. ...
8 Online CSS3 Generatoren Frei nach dem Motto: lieber schnell zusammen geklickt, als falsch selbst gemacht, habe ich mal eine Liste von 10 guten CSS3 Online Editoren erstellt. ...

Schreibe einen Kommentar