Jestem bardzo nowy zarówno w JS, jak iw D3, i przeszukałem to na tonę, ale znalazłem tylko przykłady, które są trochę zbyt zaawansowane.

Wykonuję prostą implementację wykresu decyzyjnego i utknąłem, próbując połączyć 2 węzły z linią / ścieżką. Obiekty można przesuwać za pomocą myszy, a ścieżka powinna być zawsze aktualizowana, aby odzwierciedlać położenie obiektów.

To jest moje podstawowe źródło wiedzy:https://github.com/mbostock/d3/wiki/SVG-Shapes, ale nie do końca rozumiem, jak zrobić z tym coś inteligentnego.

Oto, co mam do tej pory:http://jsbin.com/AXEFERo/5/edit

Nie potrzebujesz wymyślnych rzeczy, po prostu musisz zrozumieć, jak tworzyć konektory i dynamicznie je aktualizować, gdy obiekty są przeciągane. Wielkie dzięki!