%%{init: {"look": "neo", "theme": "neo","fontFamily": "Arial"} }%%
flowchart
      A[A really really really super long node] --> B & C
      subgraph apa
        D --> E
      end
      

%%{init: {"look": "neo", "theme": "forest","fontFamily": "Arial",         "themeVariables": {
          "useGradient": true,
          "gradientStart": '#fff',
          "gradientStop": '#ccc'
        }} }%%
stateDiagram-v2
    stateId
      

flowchart LR
    id1(Start)-->id2(Stop)
    style id1 fill:#f9f,stroke:#333,stroke-width:4px
    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5


    

      flowchart LR
    A:::foo & B:::bar --> C:::foobar
    classDef foo stroke:#f00
    classDef bar stroke:#0f0
    classDef ash color:red
    class C ash
    style C stroke:#00f, fill:black

    

flowchart TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end
    

stateDiagram-v2
    [*] --> First
    state First {
        [*] --> second
        second --> [*]
    }