Raphael — JavaScript библиотека для интерактивной визуализации геометрии и графиков

Raphael - это небольшая (всего 30 КБ, но для работы необходим jQuery) JavaScript библиотека, которая может упростить работу с векторной графикой. Если необходимо создать специфический график, обрезать или повернуть изображение, сделать отражение рисунка, то все это можно легко сделать при помощи Raphael.

Raphael использует SVG и VML в качестве основы для создания графики. Поскольку все создаваемые объекты являются элементами DOM - можно добавлять к ним обработчики событий JavScript или модифицировать их как и любой другой элемент DOM. Цель библиотеки заключается в том, чтобы предоставить адаптер, который позволит легко создавать векторную графику (похожую на Flash). Пример использования:

// Создать canvas-объект размером 320?200 с началом в координатах 10,50
var paper = Raphael(10, 50, 320, 200);
// Создать круг в точке с координатами x = 50, y = 40, и радиусом 10
var circle = paper.circle(50, 40, 10);
// Назначить цвет атрибуту fill красный (#f00)
circle.attr("fill", "#f00");
// Назначить цвет атрибуту stroke белый (#fff)
circle.attr("stroke", "#fff");

Работает в:

Метки: Chart, jQuery, Plot, Visualization