bezel

Diagrams / Graphs

Sequence

Markdown crates/mermaid/src/diagrams/sequence/mod.rs docs.rs

Sequence 
sequenceDiagram
  autonumber
  actor Customer
  participant Web as Web app
  participant API as API gateway
  participant Bank
  Customer->>Web: Place order
  Web->>API: POST /orders
  activate API
  API->>Bank: Authorise payment
  Bank-->>API: Approved
  API-->>Web: 201 Created
  deactivate API
  Web-->>Customer: Order confirmed
  Note over Customer,Bank: One order, one transaction

Syntax

  • participant and actor declare who takes part, in order; as gives one a label.
  • ->> is a solid arrow, -->> dashed, -) async, -x a cross.
  • activate / deactivate, or + / - on an arrow, mark a lifeline busy.
  • Note left of, right of or over A,B adds a note; autonumber numbers the messages.
  • loop, alt / else, opt, par, critical, break and rect box a run of messages.