Mermaid:Theme test

flowchart TD subgraph SHAPES [Node shapes] direction LR n1[rectangle] ~~~ n2(rounded) ~~~ n3([stadium]) ~~~ n4[[subroutine]] ~~~ n5[(cylinder)] n6((circle)) ~~~ n7>asymmetric] ~~~ n8{rhombus} ~~~ n9{{hexagon}} ~~~ n10[/parallelogram/] n11[\parallelogram alt\] ~~~ n12[/trapezoid\] ~~~ n13[\trapezoid alt/] ~~~ n14(((double circle))) end subgraph LINKS [Link styles, arrowheads and edge labels] direction LR a1[from] --> a2[arrow] b1[from] --- b2[open] c1[from] -.-> c2[dotted] d1[from] ==> d2[thick] e1[from] --x e2[cross end] f1[from] --o f2[circle end] g1[from] -->|edge label| g2[labelled] end subgraph NESTED [Nested subgraph and cluster edges] direction LR subgraph INNER [Inner cluster] h1[inside] end h1 --> h2[outside the inner cluster] end SHAPES --> LINKS LINKS --> NESTED

flowchart TD

  subgraph SHAPES [Node shapes]
    direction LR
    n1[rectangle] ~~~ n2(rounded) ~~~ n3([stadium]) ~~~ n4[[subroutine]] ~~~ n5[(cylinder)]
    n6((circle)) ~~~ n7>asymmetric] ~~~ n8{rhombus} ~~~ n9{{hexagon}} ~~~ n10[/parallelogram/]
    n11[\parallelogram alt\] ~~~ n12[/trapezoid\] ~~~ n13[\trapezoid alt/] ~~~ n14(((double circle)))
  end

  subgraph LINKS [Link styles, arrowheads and edge labels]
    direction LR
    a1[from] --> a2[arrow]
    b1[from] --- b2[open]
    c1[from] -.-> c2[dotted]
    d1[from] ==> d2[thick]
    e1[from] --x e2[cross end]
    f1[from] --o f2[circle end]
    g1[from] -->|edge label| g2[labelled]
  end

  subgraph NESTED [Nested subgraph and cluster edges]
    direction LR
    subgraph INNER [Inner cluster]
      h1[inside]
    end
    h1 --> h2[outside the inner cluster]
  end

  SHAPES --> LINKS
  LINKS --> NESTED