Pull to refresh

JavaScript-библиотеки для работы с SVG

Reading time 1 min
Views 20K
Наиболее популярными библиотеками для работы с SVG на JavaScript являются Raphael, Jquery.SVG, SVGWeb. Есть немного более профильные библиотеки, которые используют SVG для решения узких задач: карты, данные и манипулирование объектами.

В общем, под катом краткий обзор библиотек, с которыми мне пришлось немного поработать.




Polymaps.js — мощный интерактивный скрипт карты. Просто не надо изобретать велосипед, если вы хотите сделать свой картографический сервис. Берем и пользуем. Под библиотекой можно пользовать карты Bing, CloudMade (получив API-ключ на этих сервисах). Поддерживает GeoJSON. Примеры использования (один, два, три). Была ссылка на Хабре.



D3.js — скрипт для управления данными. Можно сделать выборку по данным в документе (например, у вас есть table с заполненными полями) либо получив их посредством JSON. И красиво представить их в графической интерпретации. Смотрим примеры: Node-Link Tree, Voronoi, Circle Packing, Force-Directed Graph.



Pottis.js — скрипт для манипулирования объектами SVG-картинки. Например, можно перетаскивать яблоки с дерева в корзину (пример). Или кота из корзины в корзину (пример). Т.е. pottis.js может быть дополнением к Raphael'ю, добавив интерактивности к нарисованным ранее примитивам.
Tags:
Hubs:
+47
Comments 17
Comments Comments 17

Articles