info below

flowchart TB;subgraph "number as labels";1;end;
      

flowchart TB;a[APA];
      

graph TD
      work --> sleep
      sleep --> work
      eat --> sleep
      work --> eat
      

flowchart TD
      work --> sleep
      sleep --> work
      eat --> sleep
      work --> eat
      

 graph TB
      A
      B
      subgraph foo[Foo SubGraph]
        C
        D
      end
      subgraph bar[Bar SubGraph]
        E
        F
      end
      G

      A-->B
      B-->C
      C-->D
      B-->D
      D-->E
      E-->A
      E-->F
      F-->D
      F-->G
      B-->G
      G-->D

      style foo fill:#F99,stroke-width:2px,stroke:#F0F,color:darkred
      style bar fill:#999,stroke-width:2px,stroke:#0F0,color:blue
      

      graph TB
%%{init: { "logLevel": 1, "flowchart": {"htmlLabels":true }} }%%
      A
      B
      subgraph foo[Foo SubGraph]
        C
        D
      end
      subgraph bar[Bar SubGraph]
        E
        F
      end
      G

      A-->B
      B-->C
      C-->D
      B-->D
      D-->E
      E-->A
      E-->F
      F-->D
      F-->G
      B-->G
      G-->D

      style foo fill:#F99,stroke-width:2px,stroke:#F0F,color:darkred
      style bar fill:#999,stroke-width:10px,stroke:#0F0,color:blue
      

      graph TD
        A[Christmas] ==> D
        A[Christmas] -->|Get money| B(Go shopping)
        A[Christmas] ==> C
      

      graph TD
%%{init: { "logLevel": 1, "flowchart": {"htmlLabels":true }} }%%
        A[Christmas] ==> D
        A[Christmas] -->|Get money| B(Go shopping)
        A[Christmas] ==> C
      

      flowchart TD
        A[Christmas] ==> D
        A[Christmas] -->|Get money| B(Go shopping)
        A[Christmas] ==> C
      

      flowchart TD
%%{init: { "logLevel": 1, "flowchart": {"htmlLabels":true }} }%%
        A[Christmas] ==> D
        A[Christmas] -->|Get money| B(Go shopping)
        A[Christmas] ==> C
      

flowchart LR
        a["Haiya"]---->b
      

flowchart LR
%%{init: { "logLevel": 1, "flowchart": {"htmlLabels":true }} }%%
        a["Haiya"]---->b
      

      flowchart TD
        A[Christmas] ==> D
        A[Christmas] -->|Get money| B(Go shopping)
        A[Christmas] ==> C
      

      flowchart TD
%%{init: { "logLevel": 1, "flowchart": {"htmlLabels":true }} }%%
        A[Christmas] ==> D
        A[Christmas] -->|Get money| B(Go shopping)
        A[Christmas] ==> C
      

      %%{init: { "logLevel": 1, "flowchart": {"htmlLabels":true }} }%%
classDiagram-v2
      Class01 <|-- AveryLongClass : Cool
      <<interface>> Class01
      Class03 *-- Class04
      Class05 o-- Class06
      Class07 .. Class08
      Class09 --> C2 : Where am i?
      Class09 --* C3
      Class09 --|> Class07
      Class12 <|.. Class08
      Class11 ..>Class12
      Class07 : equals()
      Class07 : Object[] elementData
      Class01 : size()
      Class01 : int chimp
      Class01 : int gorilla
      Class01 : -int privateChimp
      Class01 : +int publicGorilla
      Class01 : #int protectedMarmoset
      Class08 <--> C2: Cool label
      class Class10 {
        <<service>>
        int id
        test()
      }
      

classDiagram-v2
      Class01 <|-- AveryLongClass : Cool
      <<interface>> Class01
      Class03 *-- Class04
      Class05 o-- Class06
      Class07 .. Class08
      Class09 --> C2 : Where am i?
      Class09 --* C3
      Class09 --|> Class07
      Class12 <|.. Class08
      Class11 ..>Class12
      Class07 : equals()
      Class07 : Object[] elementData
      Class01 : size()
      Class01 : int chimp
      Class01 : int gorilla
      Class01 : -int privateChimp
      Class01 : +int publicGorilla
      Class01 : #int protectedMarmoset
      Class08 <--> C2: Cool label
      class Class10 {
        <<service>>
        int id
        test()
      }
      

flowchart BT
   subgraph S1
    sub1 -->sub2
   end
  subgraph S2
    sub4
   end
   S1 --> S2
   sub1 --> sub4