Линия прикрепленная к блоку, который можно перетягивать.
 

Вот есть такой рисунок,


Представте, что блок А зафиксирован, а блоки В и С можно перетаскивать но вслед за ними джолжны двигаться и линии, линия не может растягиваться или сокращаться, поэтому блоки могут перетаскивться ограниченно, вокруг оси, которую описывает линия, тоесть как стрелки на часах.
Как это реализовать на JS, у меня только одна идея canavas, но хотелось бы без него.

svg, flash, div+css3+rotate =-))

но думаю канвас самое лучшее,

блоки можно и так вывести, а нижним слоем положить канвас на котором только линии и отрисовывать.

Я думаю можно реализовать данную проблему с использованием jquery ui draggable. Соединяющие линии выполнить в виде дивов при перетаскивании блоков вращать линии с помощью css3 свойства rotate.

Либо использовать векторную библиотеку raphaeljs
http://raphaeljs.com/graffle.html

Joint js вам в помощь!

лол

смотрю пока в сторону
http://raphaeljs.com
и Joint js

Раньше так писали про флеш и это ещё понятно было. Но в канвасе, что не устраивает?

тогда уж лучше SVG - ровно для таких фич он и приспособлен.

канвас сюда не лезет из-за семантичности - да, на нём можно сделать такую штуку, но он приспособлен не для диаграмм и блоков, а для рисунков.

разницу трудно уловить, но она есть :)

хотя никто и не запрещает сделать это на канвасе.

тут еще надо уточнять что будет в блоках?
Если буквы A,B,C :) то я бы выбрал canvas
если динамический график зарплат сотрудников (или еще что-нибудь в этом роде) то svg
Если разметка html - сделал бы на дивах

Блин мне на флеше проще я канвас не разу не юзал.
В принципе уже почти доделал канвас оказался не таким страшным.
Выложу потом.