How diagram lessons work

Model an architecture by placing blocks and connecting them, then validate it against the lesson rules.

• Add blocks. Drag a block from the palette on the left onto the canvas.
• Connect them. Drag from a block's right-side dot to another block's left-side dot.
• Set connection details. Click a connection, then choose its protocol, mode (sync/async), or data flow in the inspector.
• Group with boundaries. Drop blocks inside a boundary to place them in a network zone.
• Check & submit. Click Check to test your diagram against the rules, then Submit once everything passes.