Text to Diagram

text-diagram.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="shttps://raw.github.com/bramp/js-sequence-diagrams/master/sequence-diagram-min.js"></script>
 and now you have two options. You can manually parse the text: 
<div id="diagram"></div>
<script>
  var diagram = Diagram.parse("A->B: Message");
  diagram.drawSVG("diagram", {theme: 'hand'});
</script>
<!---Please Use Your Own Source for the URL--->