如何实现流程图设计页面

Question

各位好，请教大家一个问题：
我已经把流程中的各个步骤用一个个div列示在左边的一个DIV中，然后右边一个DIV专门用来设计流程图。也就是通过拖动左边的步骤DIV，复制一个到右边的DIV中，并且在右边DIV中可以自由变换位置，而且可以根据流程来对各个步骤进行连线。当保存的时候，不是保存一个流程图片，而是把各个步骤的位置信息保存下来，当点击查看流程图的时候，再根据各个步骤的位置信息，在JSP中画出来。
我看过这样的流程图设计页面，但是不知道怎么实现？
请问各位高手，有没有现成的DEMO，或者一个链接也行！
谢谢了！