USAT Flow

by austegard

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/js-sequence-diagrams/1.0.4/sequence-diagram-min.js"></script>
<pre id="uml">
    Title: USAToday
    participant Editors
    participant Presto
    participant Core
    Note over Core: Awesome stuff \nlives here
    participant UX
    participant World
    Editors->Presto: Best story Evur
    Presto->>Core: Store my stuff?
    Presto-->UX: some attributes Core doesn't care about
    Core->UX: Here is some stuff
    UX->World:Justin Bieber, Kim Kardashian
    World-->Editors:Celebs, yum
</pre>
<div id="diagram"></div>

JavaScript

var diagram = Diagram.parse(document.getElementById('uml').innerText);
  diagram.drawSVG("diagram", {theme: 'hand'});