Draw UML Sequence Diagrams with Javascript

2013-03-23 | diagrams | Javascript | svg | uml | opensource

I’m happy to announce one of my projects, js-sequence-diagrams. This uses Javascript to draw UML sequence diagrams in SVG format. Here is an example:

You can alter the diagram in real time, and I even have a simple jQuery plugin to make this easy to use on your own sites.

&lt;script src="sequence-diagram-min.js"&gt;&lt;/script&gt;
&lt;div class="diagram"&gt;A-&gt;B: Message&lt;/div&gt;
&lt;script&gt;
$(".diagram").sequenceDiagram({theme: &#39;hand&#39;});
&lt;/script&gt;