D3.js Динамический соединитель между объектами
Я очень плохо знаком с JS и D3, и я погуглил тонну, но нашел только примеры, которые слишком продвинуты.
Я делаю простую реализацию графа решений, и я застрял, пытаясь соединить 2 узла с помощью линии / пути. Объекты можно перемещать с помощью мыши, и путь должен всегда обновляться, чтобы отражать положение объектов.
Это мой базовый источник знаний:https://github.com/mbostock/d3/wiki/SVG-Shapes, но я не совсем понимаю, как сделать что-то умное с этим.
Вот что у меня так далеко:http://jsbin.com/AXEFERo/5/edit
Не нужно модных вещей, просто нужно понимать, как создавать коннекторы и динамически обновлять их при перетаскивании объектов. Большое спасибо!