drawio-syntax-connections

Floating connections keep Draw.io edges attached to shapes automatically, using auto-routing to compute optimal paths as elements move. Fixed connections anchor edges to specific points, preventing unwanted shifts during layout changes.

mxGraph XML supports orthogonal, elbow, isometric, and self-loop edge styles. These edgeStyle options control how Draw.io routes connections between shapes, enabling precise diagram layouts for flowcharts and architectural diagrams.

Use floating connections when shapes move frequently and need auto-routing. Use fixed connection points when edges must attach to specific perimeter locations, ensuring stable routing in UML-style diagrams or ER models.

Hardcoding waypoints in Draw.io causes edge routing to break when shapes move. Rely on the router to compute paths automatically, using floating connections and edgeStyle options instead of manually specifying fixed waypoint coordinates.

Draw.io supports self-loops and custom edge label positioning within mxGraph XML. Label positioning rules allow you to convey meaning without clutter, applying to flowcharts, ER models, and architectural diagrams.

This approach suits ER models, UML-style diagrams, flowcharts, and architectural diagrams requiring reliable edge routing. It covers fixed and floating connections, perimeters, and edge label positioning within mxGraph XML.