Skip to main content

Edges

8 pages

Branded bezier edge (matching FlowEdge's --flow-edge token) with a centered "+" button anchored at the edge midpoint by FlowEdgeLabel.

3 examples

Branded bezier edge using the --flow-edge token.

3 examples

The one anchor for HTML on an edge.

1 example

Markers (“tokens”) that sit along an edge’s path at a progress between 0 and 1 — the primitive behind process replay.

4 examples

Branded floating edge: it attaches to the node border at the point facing the other node (no fixed handle), recomputed as nodes drag.

3 examples

A branded edge for the case where source and target are the same node — the this-step-repeated signal in a process map — drawn as a closed arc above the node instead of a straight or curved line between two points, since dagre cannot lay a self-loop out on its own.

4 examples

Branded edge that picks the closest source/target handle pair and routes a bezier between them.

3 examples

A branded process-map edge whose stroke width scales with a weight value (frequency or volume) relative to the other edges sharing its scaleGroup, and can optionally colour the stroke by a second continuous value between --flow-edge-weak and --flow-edge-strong; a “back” variant renders dashed and routed clear of the forward edge it doubles back over.

6 examples