Skip to content

Avoid Nodes & Edges

Orthogonal edge routing that automatically routes edges around nodes using Web Workers and WASM.

Edges never overlap nodes. The plugin recalculates routes in real time as nodes are moved or resized, using the libavoid C++ routing library compiled to WebAssembly and running in a Web Worker for smooth performance.

Edge-to-node and edge-to-edge spacing is configurable.

Use cases

Section titled “Use cases”
  • Diagrams with many crossing edges, where the router automatically finds clean, non-overlapping paths.
  • Real-time collaborative editing where nodes move frequently and edges need to re-route on the fly.
  • Dense workflows where manual edge routing would be impractical.

This plugin is powered by Overflow, a React Flow UI library for building visual workflows, automations, and tools with production-grade components.

See the detailed docs

See also

Section titled “See also”