> ## Documentation Index > Fetch the complete documentation index at: https://dripart-comfy-docs-comfyapi-search.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # ComfyUI Links: How Node Connections Work > Learn how links connect nodes in ComfyUI, how to change link render styles, and how the Reroute node keeps complex workflows readable. ## Links connect nodes In ComfyUI, the lines or curves drawn between nodes are called ***links*** (also referred to as ***connections*** or wires). They carry data from one node's output to another node's input, defining the flow of your workflow. Links can be displayed in several visual styles: curves, right angles, straight lines, or hidden entirely. Link styles To change the link style, go to **Setup Menu** → **Display (Lite Graph)** → **Graph** → **Link Render Mode**. Render mode setting You can also temporarily hide all links from the **Canvas Menu**. Canvas Menu Showing links is especially useful when learning, sharing, or debugging a workflow. They make the data flow visible at a glance. For finished workflows that aren't meant to be edited, hiding links can reduce visual clutter. ### Reroute node When a workflow becomes complex, link wires can overlap or pass behind nodes, making it hard to read. The **Reroute** node lets you manually redirect a wire through any point in the 2D graph space, keeping the layout clean and legible. ComfyUI Reroute node ComfyUI also has a built-in native reroute feature in the graph canvas. We recommend using this for new workflows. ComfyUI Native Reroute ## Color-coding Every data type in ComfyUI has a distinct color. Node input and output ports, as well as the link wires connecting them, all share this color scheme. **You can only connect ports of the same color**. This ensures type safety across your workflow. ComfyUI Node Data Types | Data type | Color | | ------------------------- | ------------ | | Diffusion model | Lavender | | CLIP model | Yellow | | VAE model | Rose | | Conditioning | Orange | | Latent Image | Pink | | Pixel image | Blue | | Mask | Green | | Number (integer or float) | Gray | | Mesh | Bright green |