« Mermaid » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Ligne 5 : Ligne 5 :


= Flowchart =
= Flowchart =
== Oriention ==
== Orientation ==
{| class="wikitable wtp"  
{| class="wikitable wtp"  
! code
! code
Ligne 23 : Ligne 23 :
<kode lang='mermaid'>
<kode lang='mermaid'>
flowchart TB
flowchart TB
     1 --> 2
     a --> b
</kode>
 
== [https://mermaid-js.github.io/mermaid/#/flowchart?id=node-shapes Node shape] ==
<kode lang='mermaid'>
flowchart TB
  a[square] --> b(rounded)
  b --> c([stadium-shaped])
  c --> d((circle))
  d --> e{diamond}
</kode>
</kode>

Version du 10 janvier 2022 à 17:53

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}