Graphs with mermaid

This is a sequence diagram generated by Mermaid which is integrated in the default layout :

• Gantt
• Sequence diagram
• And more!

Gantt

gantt
  title Cleanup repositories roadmap
  dateFormat  YYYY-MM-DD
  section CI
  Skill up with GitHub actions :2022-09-25, 5d
  section PHP
  git-manager      :a1, 2022-09-25, 2d
  remote-git       :after a1, 1d
  section NodeJS
  node-extract     :2022-09-28, 1d
  markdown-to-html :4d

Sequence diagram

sequenceDiagram
    Alice ->> Bob: Hello Bob, how are you?
    Bob-->>John: How about you John?
    Bob--x Alice: I am good thanks!
    Bob-x John: I am good thanks!
    Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.

    Bob-->Alice: Checking with John...
    Alice->John: Yes... John, how are you?

And more!

See mermaid documentation.

Back to home...