<div class="diagram">
    Title: Simple diagram
    Participant B
    Participant A
    A->B: Message
    B->A: egassem
    C-->A: Request token
    A->B: Forward request
    B->>C: Send token
</div>
// js-sequence-diagrams by bramp <https://bramp.github.io/js-sequence-diagrams/>
$(".diagram").sequenceDiagram({theme: 'hand'});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js
  3. https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js
  4. https://cdnjs.cloudflare.com/ajax/libs/js-sequence-diagrams/1.0.4/sequence-diagram-min.js