javascript flowchart library for workflow visualization

Question

I need to generate flowchart from business process specification (tasks, their input, output points, roles applicable for each task... ) stored in a database.

What I need is javacript (preferably, open-sourced) library which can generate a shiny flowchart with swimlines. Ideally I should be able to edit workflow items connections and send changes back to database. Any recommendations?

UPDATE

By flowchart I mean something like this:

UPDATE

Found open-source project which that allows create/edit basic flowcharts here

But it seems abanddoned since 2007.

UPDATE

I want something close to this with open-sourced javascript library (not flash) which can be quickly modified for my needs.

Answer 1

From experience, ExtJS is one of the most powerful JS librarys for this kind of thing.

What you can do is generate the required XML you want to use for your charting and hook into one of the components from AnyChart (or similar). I've used these before and they're pretty simple to setup and get working.

You can then interact with the chart using your Javascript library etc.

Answer 2

Other options include jRaphael / gRaphael which is a javascript library which uses svg or vml to draw client side charts.

You''ll need to do some work yourself to draw flowcharts and handle the server side of things.

Answer 3

Highcharts might fit your needs.

Answer 4

This may not be related to Java script. But I believe FLEX is the easy, powerful and best technology to use for your requirement. It does support javascript as well.

Thanks.

Answer 5

There is no library that would generate BPMN diagrams for You. This is too complicated a task (and too narrow application possibilities) for anybody to create a library like that. But there is a full-featured open-sourced tool for BPMN with javascript editor: ORYX