Concept, Design, Coding
Having written an entire metrics gathering system and services to support it over the previous few years it was finally time to write an appropriate viewer to be able to visualize some of that information. So I set about creating a responsively designed chart system.
Wide support and responsive design was important. It had to be all about the charts, and not the chrome. As it would be feeding off a standard data tree for the metric types I also needed to write a collapsable tree control and sliding menu so that you could go full-screen with your data if desired.
For this project I decided to use an external charting library to do the actual charting, but I didn’t know which one. I was first attracted to the YUI Chart Library by Yahoo!. And then there was also the Flot Chart system. I needed to make sure that my application could very easily swap out charting providers depending upon future updates. I didn’t want to write another version of this app in a few years if possible.
After completing my first efforts with SOOJS the Metrics Viewer was the perfect candidate to try out the pattern.