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