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.

JavaScript Vector Graphics

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:, 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.

  1. Reply jobio March 5, 2009 at 5:55 AM


  2. Reply christian January 22, 2010 at 5:51 PM

    it’s not fully compatible with IE. Some issue are documneted!
    Good luck!

Leave a reply