flowchart LR
        A e1@-.-> B & C e2@--> D
    

      flowchart LR
        A e1@==> B
        e1@{ animate: true}
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@==> BB
        e1@{ animate: true}
    

      flowchart LR
        A e1@==> B
        e1@{ animate: false}
    

---
config:
  theme: neo
  look: handDrawn
---
      flowchart LR
        A e1@==> BB
        e1@{ animate: false}
    

      flowchart LR
        slow e2@--> B
        e2@{ animation: slow}
    

---
config:
  look: neo
  theme: redux
  layout: elk
---
      flowchart LR
        A e1@--> BB
    

      flowchart LR
        A e1@==> B
          classDef animate stroke-dasharray: 9\,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
  class e1 animate
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@==> BB
          classDef animate stroke-dasharray: 9\,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
  class e1 animate
    

      flowchart LR
        A e1@==o B
        e1@{ animate: true}
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@==o BB
        e1@{ animate: true}
    

      flowchart LR
        A e1@==o B
        e1@{ animate: false}
    

---
config:
  theme: neo
  look: handDrawn
---
      flowchart LR
        A e1@==o BB
        e1@{ animate: false}
    

---
config:
  theme: redux-dark
  layout: dagre
---
classDiagram
direction TB
    class Animal {
	    +int age
	    +String gender
	    +isMammal()
	    +mate()
    }
    class Duck {
	    +String beakColor
	    +swim()
	    +quack()
    }

    class Zebra {
	    +bool is_wild
	    +run()
    }
    class UntitledClass {
    }
    class Animal_copy_1["Animal"] {
	    +int age
	    +String gender
	    +isMammal()
	    +mate()
    }

	note for Animal "This is a sample note"

    Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal_copy_1 "*" --|> "1" Animal
    Animal_copy_1 .. UntitledClass
    

---
config:
  theme: redux-dark
  layout: dagre
---
flowchart LR
  classDef redNode fill:#D50000,color:#000000;
  classDef pinkNode fill:#E1BEE7,color:#000000;
  classDef yellowNode fill:#FFF9C4,color:#000000;
  classDef blackNode fill:#000000,stroke:#FFD600,stroke-width:4px,stroke-dasharray: 0,color:#FFFFFF;
  classDef greenNode fill:#00F840,color:#000000;
  classDef reminderNode stroke:#FFD600,stroke-width:4px,stroke-dasharray: 0,fill:#000000,color:#FFFFFF;
  classDef blueSubgraph fill:#BBDEFB;

  subgraph subgraph_zv2q8ucnp["Shape descriptions"]
      customer((Customer)):::redNode
      Support["Support"]:::pinkNode
      Technician{{Technician}}:::yellowNode
      Decision{"Decision"}:::blackNode
  end

  A((Reported issue)):::redNode --> B["Ticket is created"]
  B --> C{"Working hours?"}:::blackNode
  C -- Yes --> E{{"Tickets are sent to day team for response"}}:::yellowNode
  C -- No --> F["Tickets are sent to on-call staff for response"]:::pinkNode
  E --> Worked{"Ticket being worked on?"}:::reminderNode
  F --> Worked
  Worked -- Yes --> G["Work on the tickets based on priority"]:::pinkNode
  Worked -- No --> Reminder["Reminder is sent"]
  Reminder --> Worked
  G --> H["Team fixes the issue"]:::pinkNode
  H --> I{"Is the issue resolved?"}:::reminderNode
  I -- Yes --> Done["Ticket is closed and follow-up email is sent"]:::greenNode
  I -- No --> H

  class subgraph_zv2q8ucnp blueSubgraph

  linkStyle 2 stroke:#00C853,fill:none
  linkStyle 3 stroke:#D50000,fill:none
  linkStyle 6 stroke:#00C853,fill:none
  linkStyle 7 stroke:#D50000,fill:none
  linkStyle 11 stroke:#00C853,fill:none
  linkStyle 12 stroke:#D50000,fill:none

    

      flowchart LR
        slow e2@--o B
        e2@{ animation: slow}
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@--o BB
        e1@{ animation: fast}
    

      flowchart LR
        A e1@==o B
          classDef animate stroke-dasharray: 9\,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
  class e1 animate
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@==o BB
          classDef animate stroke-dasharray: 9\,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
  class e1 animate
    

      flowchart LR
        A e1@==x B
        e1@{ animate: true}
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@==x BB
        e1@{ animate: true}
    

      flowchart LR
        A e1@==x B
        e1@{ animate: false}
    

---
config:
  theme: neo
  look: handDrawn
---
      flowchart LR
        A e1@==x BB
        e1@{ animate: false}
    

      flowchart LR
        slow e2@--x B
        e2@{ animation: slow}
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@--x BB
        e1@{ animation: fast}
    

      flowchart LR
        A e1@==x B
          classDef animate stroke-dasharray: 9\,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
  class e1 animate
    

---
config:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@==x BB
          classDef animate stroke-dasharray: 9\,5,stroke-dashoffset: 900,animation: dash 25s linear infinite;
  class e1 animate