我如何创建一个weka类型的接口

Question

我是web-ui设计中的新手。我主要在机器学习方面工作.. 我使用了很多工具之一是weka。 http://decisiontrees.net/wp-content/uploads/2012/03/weka.png

所以..基本上..这里你创建一个管道流量，但与中间步骤。

然后你连接直通箭头中间步骤..

然后按下启动...

它会执行一系列步骤。

作为练习..我只是试图搭建一个接口......这确实是这样的

[Process A] [Process B] [Process C] Process D] [Process E].....and so on 

我对过程点击上方的按钮，再有就是这种“工作区”，其中当我再次点击..它显示过程A ..然后我点击过程B并再次点击它在这个工作区和[过程B]显示..然后我连接过程A与过程B. ..

和

[Process A ] -- > [Process B] --> [Process C] 

     [Start] 

当我按下开始..

我只想有一个警报（如“我伸手方法A”。“我伸手过程B”？）

任何建议..

我我不能很好地表达（因此也有困难谷歌搜索），但希望该图像链接将尝试给你一个想法。

感谢

Answer 1

提出了一些研究：

这些那些看起来整洁（与漂亮的演示）：

http://www.jgraph.com/

http://thejit.org/

http://jsplumb.org/ - >这其中有一个令人印象深刻的互动状态machina演示。也许适合你想要的。

在那里发现：

JavaScript flowchart/flow diagram lib