# Graphs with mermaid

This is a **sequence diagram** generated by [Mermaid](https://mermaid-js.github.io/mermaid/#/) which is integrated in the default layout :

[[toc]]

## Gantt

```mermaid
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

```mermaid
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](https://mermaid-js.github.io/mermaid/#/).

[Back to home...](../)