FLOWCHART

Nodes are connected with the Flowchart connector.

Hover over connections to highlight them, click to delete.

Drag new connections from hollow dots to solid dots. You can also drag connections from their source/target to other sources/targets, or back onto themselves.

By default, Flowchart connectors have square corners, but by setting the 'cornerRadius' parameter, as we have here, you can get rounded corners.

This demonstration uses jsPlumb 1.7.2, jQuery 1.9.0 and jQuery UI 1.9.2.For touch support, jQuery Touch Punch is used.