Sequence Diagrams

What are they?

Resources

• Visual Syntax for Sequence Diagrams

• Generators with a domain specific language to draw them:

  • http://sequencediagram.org/

  • https://www.websequencediagrams.com/

  • [WINNER] Mermaid: https://knsv.github.io/mermaid/#activations

  • https://bramp.github.io/js-sequence-diagrams/

    • GitHub project

      A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image.

• GitBook plugins for generating sequence diagrams:

  • https://github.com/gmassanek/gitbook-plugin-js-sequence-diagram

    • https://github.com/gmassanek/gitbook-plugin-js-sequence-diagram/issues/4

  • [WINNER] https://github.com/JozoVilcek/gitbook-plugin-mermaid

• Animate Sequence diagrams

  • This video suggests that someone accomplished this task, just not sure how, need to look deeper.

  • This gist again suggests that someone was able to animate the sequence diagram in reveal.js

  • This issue doesn't have to do with animations but it suggests that people often embed and use sequence diagrams with reveal.js