Utils

addEdge()

The addEdge util is a convenience function to add a new edge to an array of edges. It also validates the edge so you don't add an invalid or duplicate one.

applyEdgeChanges()

The applyEdgeChanges util applies an array of edge changes to an array of edges and returns the next array — for a controlled flow.

applyNodeChanges()

The applyNodeChanges util applies an array of node changes to an array of nodes and returns the next array — for a controlled flow.

getBezierPath()

The getBezierPath util returns an SVG path for a bezier edge along with the coordinates of its label.

getConnectedEdges()

The getConnectedEdges util returns every edge connected to any of the given nodes.

getIncomers()

The getIncomers util returns the source nodes directly connected to a given node.

getNodesBounds()

The getNodesBounds util returns the bounding rectangle that contains all of the given nodes.

getOutgoers()

The getOutgoers util returns the target nodes directly connected to a given node.

getSimpleBezierPath()

The getSimpleBezierPath util returns an SVG path for a simple bezier edge — a smoother curve with no control-point handles — along with its label coordinates.

getSmoothStepPath()

The getSmoothStepPath util returns an SVG path for a smooth-step (or step) edge along with the coordinates of its label.

getStraightPath()

The getStraightPath util returns an SVG path for a straight edge along with the coordinates of its label.

getViewportForBounds()

The getViewportForBounds util computes the viewport (x, y, zoom) needed to fit a given bounding rectangle into the flow.

isEdge()

The isEdge util is a type guard that returns true when a flow element is an edge.

isNode()

The isNode util is a type guard that returns true when a flow element is a node.

reconnectEdge()

The reconnectEdge util returns a new array of edges with a given edge reconnected to a new source or target, keeping the rest untouched.