« Mermaid » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Ligne 33 : Ligne 33 :
   c --> d((circle))
   c --> d((circle))
   d --> e{diamond}
   d --> e{diamond}
</kode>
== [https://mermaid-js.github.io/mermaid/#/flowchart?id=links-between-nodes Links between nodes] ==
<kode lang='mermaid'>
flowchart TB
  a --- b
  b --> c
  c -->|text| d
  d --o e
  e --x f
  f <--> g
</kode>
</kode>

Version du 10 janvier 2022 à 17:59

Links

Flowchart

Orientation

code description
TB top to bottom
TD top-down/ same as top to bottom
BT bottom to top
RL right to left
LR left to right
Mermaid.svg
flowchart TB
    a --> b

Node shape

Mermaid.svg
flowchart TB
  a[square] --> b(rounded)
  b --> c([stadium-shaped])
  c --> d((circle))
  d --> e{diamond}

Links between nodes

Mermaid.svg
flowchart TB
  a --- b
  b --> c
  c -->|text| d
  d --o e
  e --x f
  f <--> g