Lines, connectors, arrows, transitions - these are the glue that hold diagrams together. Styling your connectors will help make your diagrams more readable, and that's easy to do in draw.io!
Now that you've learnt how to insert and modify shapes, add text and use connectors, it's time to put it all together. In this exercise you'll learn some more advanced formatting options by using the format panel on the right hand side.
Now that you are comfortable modifying an existing diagram by editing shapes, it's time to build one from scratch. You'll need to add shapes from the symbol library, draw connections between the shapes, and add text to both the shapes and the connectors.
Sometimes you don't want to connect to any particular connection point, but to the edge of a shape. And perhaps you want one end of a connector to move and the other to stay in one position. There are two types of connections, indicated with blue and green frames in draw.io.
If you draw additional lines between shapes in a diagram, they won't move with your shapes when you move them around the drawing area. By using actual connectors (not lines), your diagram becomes much more flexible and easy to work with. There are four different ways you can create connectors between shapes and quickly extend your diagrams in draw.io.
You can double click anywhere on a connector to add a text label in that position. Once created, that label can be rotated like any shape, using the rotation handle. Animation of adding and rotating edge labels in draw.io
If you select a connector, you'll see semi-transparent handles in between all existing waypoints. Drag these to new positions to easily create new to add a waypoint. If you want to remove a waypoint, double click on it. Animation showing the addition of a connector waypoint in draw.io
Adds vertical/horizontal elbow and isometric edge styles. (Double click on center point handle to change direction.)