web library to create a interactive flowchart

Question

i am searching for a library in javascript/html to enable my users to create, update and save basic flowcharts(start, end, task, decision, swimlane, fork and join) and create/edit some custom values of each task for later use in one ERP, similar like here!

I found RaphaelJS and GoJS, with those libraries can i make this interactive flowchart? I need others sugestions to evaluate.

Answer 1

If it weren't for the "interactive" part, I would suggest to take a look at this SO question and answers.

Since you are mentioning commercial libraries, I assume that this is in a commercial scenario, and thus I believe this interactive flow-chart demo is pretty much exactly what you are looking for. Maybe also this BPMN editing demo.

The demos are using the commercial yFiles for HTML Javascript/HTML5 diagramming library. The library provides (among other features) editing capabilities for flow-chart-like and BPMN diagrams, has robust support for (optionally hierarchical, two-dimensional) swim lanes and of course adding custom data and custom interaction logic is easily supported. The most advanced feature though is the ability to automatically arrange the elements on the screen according to the flow-chart logic:

Disclaimer: I work for the company that creates this library. I do not represent my employer on SO, though.

Answer 2

RaphaelJS deals with SVG shapes and generic functions relating to them. It has no explicit support for creating/manipulating flowcharts.

• You can use JointJS for flowcharts which produces charts in SVG format, but the commercial license is not free

• You can use also use plumbJS which is open source and pretty well documented. This library also has support for a VML fallback if the browser is IE8 or below