Sequence diagram creator.

Diagram is not defined

General Help
  • It's useful to view the syntax, hence the pre-filled example. There is also a link in the footer to js-sequence-diagrams where you can scroll down to see a syntax diagram.
  • Participants are optional. Actors (horizontal) appear in the order they are first mentioned, so specifying them as participants enforces a particular ordering.
  • The as C part of a participant declaration is optional. It can be used as an alias to simplify writing the sequence entries that follow.
  • Actors must always be an exact, case-sensitive match to be treated as being the same ones. This is one reason why participants with aliases is often helpful, for brevity and consistency.
  • There are options to share a diagram below the source text area. You can either download an SVG or get a data: link.
  • The data link is a (long) URL which is put on the clipboard. You'll need to open a new tab yourself and paste in the clipboard contents (or send them in an email, Slack, Teams, etc).
Page by K Cartlidge. Diagramming by js-sequence-diagrams. Version 1.0.1.