Создание фигур

Сначала надо создать область, где будут располагаться объекты, созданные через Raphaël.

// создание области для объектов Raphaël
var canvas = Raphael(0, 0, 300, 300); // 1-ый способ
var canvas = Raphael("result"); // 2-ой способ (id="result")

Теперь в созданную область canvas можно добавлять объекты.

canvas.ellipse(30, 30, 15, 15);
canvas.circle(110, 30, 15);
canvas.rect(55, 15, 30, 30);

Объекты ellipse и circle отличаются тем, что ellipse можно задавать ширину и высоту, а объекту circle только радиус круга.

Объектам можно задавать параметры (например: заливка и обводка).

canvas.ellipse(30, 30, 15, 15).attr({
    'fill':'#00F',  // заливка
    'stroke':'#00F' // обводка
});

Пример на JSFiddle.net

Canvas SVG Raphaël