# Swimlane Chart

## Templates

- [Stripe Dashboard](/content/templates/stripe-dashboard/index.html)
- [Sprint Retrospectives](/content/templates/sprint-retrospectives/index.html)
- [Swimlane Chart](/content/templates/swimlane-chart/index.html)
- [Presentation Presets](/content/templates/presentation-presets/index.html)
- [GCP Architecture](/content/templates/gcp-architecture/index.html)
- [Org Chart](/content/templates/org-chart/index.html)
- [Entity Relationship Diagrams](/content/templates/entity-relationship-diagrams/index.html)
- [Lean Canvas](/content/templates/lean-canvas/index.html)
- [Flow Chart](/content/templates/flow-chart/index.html)
- [Design Query Cache](/content/templates/design-query-cache/index.html)
- [AWS Architecture](/content/templates/aws-architecture/index.html)
- [Design Pastebin.com](/content/templates/design-pastebin-com/index.html)
- [Crazy Eights](/content/templates/crazy-eights/index.html)
- [Agile Board](/content/templates/agile-board/index.html)
- [Calendar](/content/templates/calendar/index.html)
- [Product Req. Document (PRD)](/content/templates/product-req-document-prd/index.html)
- [Stand Ups](/content/templates/stand-ups/index.html)

## 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](https://docs.tryeraser.com/docs/syntax-2)

### 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](https://docs.tryeraser.com/docs/syntax-2) to learn more.

10%

Drawing canvas

Push events

Sequence Diagram