Vector Graphics JavaScript Library – Raphaël

Vector graphics in JavaScript!

Vector Graphics JavaScript Library

Raphaël is a lightweight Vector Graphics JavaScript Library using the SVG W3C Recommendation and VML as a base for creating graphics, which can be used to simplify your work with vector graphics on the web.

With this solution we can create amazing effects like image rotation, charts and graphs, maps, various animations, and more.

This library is a part of Sencha Labs.

Usage

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

More information, demos and download:

RaphaelJS

Enjoy!