svg#graphDiv { max-width: none !important; }

/// /// /// /// /// /// /// /// ╓─────────┐ /// ║ │ /// ║ │ /// ║ │ /// ║ │ /// ╚═════════╛ /// /// /// /// /// /// ///

graph TD

---
config:
 look: handDrawn
 useWidth: 100px
 useMaxWidth: true
---
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Sequence Diagram

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop HealthCheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

      .               .                .               .--- 1          .-- 1     / 1
     / \              |                |           .---+            .-+         +
    /   \         .---+---.         .--+--.        |   '--- 2      |   '-- 2   / \ 2
   +     +        |       |        |       |    ---+            ---+          +
  / \   / \     .-+-.   .-+-.     .+.     .+.      |   .--- 3      |   .-- 3   \ / 3
 /   \ /   \    |   |   |   |    |   |   |   |     '---+            '-+         +
 1   2 3   4    1   2   3   4    1   2   3   4         '--- 4          '-- 4     \ 4

┌─────────────┐                        
│             │                        
│             ┼──► ┬-───────────────────┐
│             │    └────────────────────┘
│             │                        
└─────────────┘