Bonsai – A Powerful JavaScript Graphics Library

Bonsai is an open source JavaScript library for creating graphics and animations.

The library renders the outputs using SVG and comes with an intuitive, feature-rich API.

There is support for creating simple shapes (rectangle, circle, ellipse, etc.) with specific functions and a path() function exists for drawing any custom shapes.

BonsaiJS - JavaScript Graphics Library

It is possible to apply colors, gradients and filters (grayscale, blur, opacity and more) to these shapes.

Many mouse (or touch) and keyboard events are already built-in to the library and they can be managed easily.

Bonsai has support for standard animations and also keyframe animations for setting up a series of consecutive animations.

And, lots of easing functions exist for using them inside the animations.