In the terminology of ComfyUI, the lines or curves between nodes are called links. They’re also known as connections or wires. Links can be displayed in several ways, such as straight lines (the default), spline curves, or completely hidden. Display of links is controlled from the ComfyUI Setup window and the Toggle Link Visibility button on the display toolbar at the lower right of the ComfyUI main window.

Link display is crucial. Depending on the situation, it may be necessary to see all links. Especially when learning, sharing, or even just understanding workflows, the visibility of links enables users to follow the flow of data through the graph. For packaged workflows that aren’t intended to be altered, it might make sense to hide the links to reduce clutter.

Reroute node

If legibility of the graph structure is important, then link wires can be manually routed in the 2D space of the graph with a tiny node called Reroute. Its purpose is to position the beginning and/or end points of link wires to ensure visibility. We can design a workflow so that link wires don’t pass behind nodes, don’t cross other link wires, and so on.

Color-coding

The data type of node properties is indicated by color coding of input/output ports and link connection wires. We can always tell which inputs and outputs can be connected to one another by their color. Ports can only be connected to other ports of the same color.

Common data types:

Data typeColor
diffusion modellavender
CLIP modelyellow
VAE modelrose
conditioningorange
latent imagepink
pixel imageblue
maskgreen
number (integer or float)light green