« Mermaid » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Ligne 44 : Ligne 44 :
   e --x f
   e --x f
   f <--> g
   f <--> g
</kode>
== [https://mermaid-js.github.io/mermaid/#/flowchart?id=special-characters-that-break-syntax Special characters] ==
<kode lang='mermaid'>
flowchart TB
  a --> b("use (parenthesis) and right arrow #rarr;")
</kode>
</kode>

Version du 10 janvier 2022 à 18:03

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

Special characters

Mermaid.svg
flowchart TB
  a --> b("use (parenthesis) and right arrow #rarr;")