!!!###!!!title=Pipeline Editing - React Node——VisActor/VGraph demo!!!###!!!!!!###!!!description=Build a DAG easily by clicking icons. React nodes provide more possibilities for node rendering and interactions. Compared with drag-and-drop node/edge editing, it is less flexible, but it is more efficient and produces higher-quality DAGs. <br>Interactions: <code>hover node</code> to show direct upstream/downstream relations and node action icons; <code>click icon</code> to add a node (and its relation) in the icon direction or delete the current node; <code>click undo</code> undo; <code>click redo</code> redo; <code>click export data</code> export current graph data.!!!###!!!

Pipeline Editing - React Node

mobile

Build a DAG easily by clicking icons. React nodes provide more possibilities for node rendering and interactions. Compared with drag-and-drop node/edge editing, it is less flexible, but it is more efficient and produces higher-quality DAGs.
Interactions: hover node to show direct upstream/downstream relations and node action icons; click icon to add a node (and its relation) in the icon direction or delete the current node; click undo undo; click redo redo; click export data export current graph data.

PX
x
PX
%
Share