Каким образом в браузере рисовать элементы со связями?

Добрый вечер всем.
Загорелся тут сделать для себя некое подобие mind map с web интерфейсом, чтобы был общий доступ с разных компов и т.д. Для начала хотел бы разобраться с технологией. Вот нашел в нете хороший пример а вот идеал, к которому хотел бы стремиться.. Скажите в общих чертах или не в очень общих, каким образом это можно реализовать. Имею опыт PHP, JS, Jquery немного. Если не стоит браться, то испугайте и так и скажите :-)

Спасибо !

1 ответов



Тут пример реалзиции mindmap с подробным описанием habrahabr.ru/post/191850/. В примере используется jsPlumbToolkit. А вообще библиотек масса, это и raphaelJs из соседнего ответа, и d3js (пример), и goJs, и целая куча рангом поменьше.

Саму кривую линию можно и без библиотек нарисовать - это базовая фигура формата графики SVG path, так же как круг или квадрат. С помощью нативного JavaScript или JQuery вы можете найти или создать элемент SVG, указать нужные координаты. Но это так, к сведенью, с любой JS библиотекой для 2d графики будет в разы удобней.