JavaScript Library For Vector Graphics: Raphaël

Raphaël is a JavaScript library that facilitates using & creating vector graphics in websites.

It uses SVG & VML for creating graphics. As every graphic generated is a DOM object, you can manipulate them via JavaScript.

This graphics JavaScript library is very ideal for creating charts, images effects like rotation or reflection.

An example:

Creating graphics is much easier with Raphaël compared to writing everything from scratch as a circle can be created with:

paper.circle(320, 240, 50).attr({fill: "#223fa3", stroke: "#223fa3", "stroke-width": 3, "fill-opacity": 0.5});

The library currently works in all major browsers except Firefox 2 & it is still under development.