Wasted Continuum
The space between…

Animated Pie Chart With jQuery Knob

Animated Pie Chart I spent an afternoon rewriting some old code for an animated pie chart that is part of a web app I am updating. The previous code was written by a contractor who may have taken a quick route to completion. This made it very difficult to change it and also it was a few hundred lines too long. So I scrapped it and looked for a new solution. I ended up using jQuery Knob as the base and building on top of that. Since I couldn’t find anything quite what I was looking for, I decided to put it together myself and to make it a modular as I can. Basically, the pie chart has illustrates a percentage value and it’ll animate to that. I also have a colored label in the center that has a title, a tagline and the percentage updated as the pie chart is animated. With SCSS, I made it easier to customize the size, color, fonts, etc. It’s still a work in progress, but I decided put what I have on GitHub.

More Info



comments powered by Disqus