Draw Image Diagram from Textual Representation

Draw image diagram from textual representation using a Free Web Software named JS Sequence Diagrams. It is possible to add in line HTML and js to render. It sounds odd, right ? But the excellent project actually can do more in real time than you can think. Here is all the needed codes, resources and repository.

Draw image diagram from textual representation : Example

First, check the demo to draw image diagram from textual representation :

(Copy Paste the URL)

You can actually check by editing the example in real time, for example :

This actually can be drawn in the example by copy pasting this syntax :

You can actually render by using the script :

Draw image diagram from textual representation : Scope of usage

The resource / repo can be found at :

https://github.com/AbhishekGhosh/js-sequence-diagrams

There was actually a commercial project named Web Sequence Diagrams. It was quite costly and used by several other bigger projects. This kind of thing is now free. You can use for any project to create diagram without actually using Photoshop or any Graphical Software or can use to render fetched conversation text like in Twitter to Text and convert them in to diagram. This is difficult but theoretically possible.

If you want to install it, you have to work in this way :

To be technical, it creates UML sequence diagrams from simple text. As the output is SVG, we can parse to embed as XML in HTML5 – that actually will decrease the page loading time significantly. Obviously, these are advanced usage, intended for bigger projects.