Untitled

<title>js-sequence-diagrams example</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/js-sequence-diagrams/1.0.6/sequence-diagram-min.js"></script>
<body>
    <div id="diagram"></div>
    <pre id="uml" style="display:none;">
Browser->Shiva: Iteratively Build Dataset Info
Shiva->Browser:
Browser->Browser: Done Building
Browser->Shiva: Request Dataset List
Shiva->DUD: Req ListDatasets
DUD->Shiva: Return Dataset List
Shiva->Browser: Return Dataset List
Browser->Browser: JS checks new dataset\nname is valid
Browser->Shiva: Upload Req\n(dataset_name, csv data)
Shiva->DUD: Req Create Dataset (name)
DUD->DUD: Create in postgres
DUD->Shiva: Rep Dataset ID
Shiva->DUD: Req Add Data\n(dataset id, EntitySet data)
DUD->DUD: Write in postgres
DUD->Shiva: Rep OK
    </pre>
</body>
<script>
    var diagram = Diagram.parse(document.getElementById('uml').innerText);
    diagram.drawSVG("diagram", {theme: 'simple'});
    //var svg = document.getElementById('diagram').getElementsByTagName("svg")[0];
    //var width = Math.floor(svg.width.baseVal.value) + 1;
    //var height = Math.floor(svg.height.baseVal.value) + 1;
</script>