!!!###!!!title=Directed Graph Free Editing - Quick Add Node——VisActor/VGraph demo!!!###!!!!!!###!!!description=Editing a graph purely by drag-and-drop is not very efficient. This demo shows an approach that lets you quickly add a new node by dragging an edge to empty space. <br>Interactions: drag nodes or anchors to edit; when dragging an edge and not connecting to a node, add a new node at the edge end. Shortcuts: <code>ctrl + z</code> undo; <code>ctrl + shift + z</code> redo; <code>ctrl + c/x/v</code> copy/cut/paste; <code>ctrl + a</code> select all; <code>backspace</code> delete.!!!###!!!

Directed Graph Free Editing - Quick Add Node

mobile

Editing a graph purely by drag-and-drop is not very efficient. This demo shows an approach that lets you quickly add a new node by dragging an edge to empty space.
Interactions: drag nodes or anchors to edit; when dragging an edge and not connecting to a node, add a new node at the edge end. Shortcuts: ctrl + z undo; ctrl + shift + z redo; ctrl + c/x/v copy/cut/paste; ctrl + a select all; backspace delete.

PX
x
PX
%
Share