JavaScript framework for drawing workflow diagrams

javascript extjs drawing uml relationship

15,597

Solution 1

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

Solution 2

If you need a javascript framework, take a look: http://jsplumbtoolkit.com

15,597

Author by

MacGyver

My friends call me "Mac". I'm a master of improvisation. I have vast scientific knowledge and unique abilities to use ordinary objects to get myself and friends out of trouble. I typically carry my Swiss Army knife and a roll of duct tape with me at all times. I dislike guns because of a traumatic childhood incident. I try to avoid violence whenever possible. Because my life was getting too stressful at the Phoenix Foundation, I have picked up programming as a new career. I spend my spare time on Stack Overflow.

Updated on June 09, 2022

Comments

MacGyver almost 2 years

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
MacGyver over 11 years

I guess my question was a dup. stackoverflow.com/questions/3153334/…
MacGyver over 10 years

Quick question.. is there a way for someone to take a graph (where nodes have multiple parents) and create a diagram on the fly? Example, suppose you had a table with two columns: parent_node and child_node.
Rix Beck over 10 years

Sorry, I don't use jsplumb still just watching for a later project. Must dig API friend... Sorry.