mistio/mist.io — pull request #119 by geocool (2014-03-17 12:50:18+00:00)
Title: Graphs animated v2

#### Replaced d3 transitions with the NEW Animations.

These animations use d3 interpolation for svg transform values and
they can be applied to d3 selectors

You can test new animations here: http://54.199.63.137:6543/

**New Animations Features:**
- Limit the FPS for less cpu usage with fps(x)
D3 transitions make the browser render the changes continuously.
In the NEW animations you can specify the fps value to limit the number of times the page renders

- Have an almost uninterrupted flow of animations.
In the latest D3 library when a new animation is being applied the previous one stops.
With our latest changes the new animations are pushed into a buffer so they can be run after the previous one finishes

- Each animation has each own data and callbacks
You can set 'before' and 'after' animation starts/stops callback which runs immediately.
Also each animation can hold some data that can be used by the callbacks

**In the new version of graphs we have:**
- Less CPU usage.
Previous cpu usage rate was around 100%, now it's between 20-30%

- More natural flow of animation.
If new data arrive before the previous animation finishes they will be pushed into a buffer and wait instead of interrupting the previous animation