cajal
cajal is a javascript library to draw and animate shapes on the HTML5 canvas element.
Why you should use cajal?
cajal provides object oriented functionality to draw and animate shapes on the canvas element. You can easily reuse animations or complex shape-objects in other projects, as every shape can be assinged to as many canvas elements on your site as you like.
Write less code
Due to easy implementation and chainable method calls you can create shapes in 2 to 3 lines of code. If you ever tried out the native canvas API, you know that you need at least three times more code and you can't handle it flexibly.
cajal never forgets
You can fetch and manipulate every element that you already drew to the canvas. Plus, you have a hit algorithm that returns the drawn element located at specific coordinates of your canvas to handle klick events and interaction with the canvas.
Examples
Particle explosion
Click anywhere inside the black canvas area to create a particle explosion
Graph
Hover over the data points to see the value in a pop up