drawing sequence diagram on browser
You can draw some sequence diagram with simple text format by JavaScript.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../lib/seqdiag/parser.js" ></script>
<script type="text/javascript" src="../lib/seqdiag.js" ></script>
</head>
<body>
<figure id="diag"></figure>
<script type="text/x-seqdiag" id="seqdiag-text">
seqdiag {
A [label = "webapp"];
B [label = "DB"];
A -> B[label = "sql"];
B -> A [label = "result"];
}
</script>
<script type="text/javascript">
window.onload = function() {
var taget = document.getElementById('seqdiag-text');
var ast = SeqdiagParser.parse(target.innerText);
var diagram = Seqdiag.Builder.build(ast);
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("width", "1024");
svg.setAttribute("width", "600");
var drawer = new Seqdiag.Drawer.SVG(diagram, svg, document);
drawer.draw();
var figure = document.getElementById('diag');
figure.appendChild(svg);
};
</script>
</body>
</html>