HTML5 is all the rage right now because of its amazing features, but when it comes to dealing with it face to face, the fun quickly becomes a challenging adventure in the realm of halfsupported features, browser limits, and fancy codes. This post describes the process of discovering, designing, prototyping, and implementing a visually intensive application with the help of HTML5.
During the exploration part of the project we analyzed a broad selection of frameworks, taking into account compatibility, documentation, capabilities, and flexibility.An open source HTML/JS/CSS charting framework fully compatible with our target platforms. Every chart is interactive and animated. The framework provides a brief “How to use” and quite an extensive API reference through which it’s relatively easy to enter the details of the whole architecture and start developing it in minutes.
We needed to understand whether it would have been possible to create charts with advanced graphical elements such as shadows, gradients, animations, rounded corners, multiple axes, and overlays; we were looking for something so graphically appealing it really could push the envelope of the framework design capabilities.
Proof of concept
During this phase we had to test and prove each functionality and extensibility. We worked hard on customizing the framework in order to add visual effects and experiment with it to better understand the best features and drawbacks.