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:
  theme: forest
  look: classic
---
      flowchart LR
        A e1@--> BB
        e1@{ animation: fast}
    

      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}
    

      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