Swimlane Chart

Templates

• Stripe Dashboard
• Sprint Retrospectives
• Swimlane Chart
• Presentation Presets
• GCP Architecture
• Org Chart
• Entity Relationship Diagrams
• Lean Canvas
• Flow Chart
• Design Query Cache
• AWS Architecture
• Design Pastebin.com
• Crazy Eights
• Agile Board
• Calendar
• Product Req. Document (PRD)
• Stand Ups

Sequence Diagram — Eraser

What is a sequence diagram

• Each vertical column represents an entity (e.g. user, server, DB)
• Arrows between the columns represent the flow of information or requests
• Events are chronologically sequenced from top to bottom
• Full syntax documentation here

How to insert a new sequence diagram

1. Click on the "+" button or / shortcut on the canvas
2. Select "Diagram as Code"
3. Select "Sequence Diagram"

How to edit a sequence diagram

Eraser's sequence diagrams are created and edited in code form, a concept we call Diagram-as-Code

1. Double-click on the diagram to open the code editor
2. Each line of code represents a message or a statement
   1. Try typing Server > Client: Request on a new line
   2. Try typing title My Diagram on a new line
3. Click on the "Syntax Help" or documentation to learn more.

10%

Drawing canvas

Push events

Sequence Diagram