Demo

Sequence diagram

+ Syntax

https://mermaid-js.github.io/mermaid/#/sequenceDiagram

+ Code

sequenceDiagram
    autonumber
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

+ Display

Mindmap

+ Syntax

http://mermaid.js.org/syntax/mindmap.html

+ Code

mindmap
  root((mindmap))
    Origins
      Long history
      ::icon(fa fa-book)
      Popularisation
        British popular psychology author Tony Buzan
    Research
      On effectiveness<br/>and features
      On Automatic creation
        Uses
            Creative techniques
            Strategic planning
            Argument mapping
    Tools
      Pen and paper
      Mermaid

+ Display

Mermaid for Confluence

Demo

Sequence diagram

Mindmap

Related content