Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JavaScript framework for drawing workflow diagrams

Does anyone know about any JavaScript frameworks used for developing workflow-like diagrams? I'm looking for ways to show relationships between objects and to be able to drag the objects around within the browser. I'm looking for something similar to the functionality of Microsoft Visio.

Has anyone done anything similar with the Ext JS framework? This is all I've seen out there so far.
http://kforner.github.com/extjs-dag-drawer/example.html

And I'd like to be able to drag components around like this.
http://raphaeljs.com/graffle.html

like image 304
MacGyver Avatar asked Aug 20 '12 05:08

MacGyver


1 Answers

You mean like http://www.draw.io/?

This browser-based tool lets you draw UML style diagrams (and workflow diagrams) and then export / save as in your desired format.

Searching for UML tools will help you find others if this doesn't suit your needs.

For the JS library itself, the above uses http://www.jgraph.com/mxgraph.html

like image 57
CerealBoy Avatar answered Sep 19 '22 06:09

CerealBoy