есть такая задача :

создать простой редактор блок-схем:

1. Создание блоков

- Пользователь выделяет регион на экране, по размерам этого региона
создаётся блок (только прямоугольные блоки)
- У пользователя должна быть возможность подписать блок
- Подписи должны быть внутри блока
- Должна быть возможность перемещать блоки

2. Создание связей между блоками

- У пользователя должны быть возможность указывать связь между блоками
- Связь отображается в виде линии
- Линии могут пересекаться между собой и проходить через другие блоки
- При перемещении блоков, связь между блоками не должна нарушаться


без использования сторонних фреймворков
(накрайняк jquery)
куда рыть
примеров в нете не нашел


автор Описание (допущения, ограничения, инструкция и т.п.)


нужна инструкция, как оформить талмуты
что такое : допущения, ограничения, инструкция
C ув. Tors

автора на этом форуме искали?

видел я эту темку

мне нужно с 0
накрайняк jquery
но не готовый плагин

авторользователь выделяет регион на экране, по размерам этого региона
создаётся блок (только прямоугольные блоки)

пологаю canvas и на месте выделения div'ы или jquery - draggable

авторУ пользователя должна быть возможность подписать блок
полагаю надо делать WYSIWYG
те кликнул мышкой на блоке - и появляется в нем input text для подписи

авторУ пользователя должны быть возможность указывать связь между блоками
- Связь отображается в виде линии
- Линии могут пересекаться между собой и проходить через другие блоки
- При перемещении блоков, связь между блоками не должна нарушаться

тоже canvas?

может есть другие варианты?
поделитесь соображениями

автора если SVG заюзать?

юзаю raphael.js