设计一个Yahoo Pipes灵感的界面

Question

我非常喜欢Yahoo Pipes（http://pipes.yahoo.com/pipes/）的界面，并希望为不同的问题创建类似的界面。是否有任何库可以让我创建一个具有相同基本外观的界面？

我特别喜欢管道的行为以及它们不仅仅是直线。

编辑：该应用程序将基于网络。我愿意使用Flash或Javascript。

Answer 1

WireIt是一个开源的javascript库，用于创建像Yahoo!这样的Web可用接口。用于数据流应用程序，可视化编程语言或图形建模的管道。 Wireit使用YUI库（2.6.0）进行DOM和事件操作，并使用excanvas来支持canvas标签的IE。它目前支持Firefox 1.5 +，Safari 2.0 +，IE 7.0，Opera 9+和Chrome 0.2.x。

Answer 2

尝试JSplumb。

主要结构是HTML / CSS，连接可以是SVG / Canvas / VML *

很棒documentation非常干净API和live demos

*可配置或通过检测浏览器的功能自动设置

Answer 3

从我所看到的，雅虎！是eating their own dogfood通过在YUI中构建Pipes并添加了超酷的CANVAS标记和IE script file（我今天做了一点挖掘后我才知道它存在）驱动类似Visio的布线。如果你还没有使用YUI之前你需要做大量的学习才能构建像Pipes一样强大的东西，但也许有人在YUI板上发布了一些示例，可以让你接近你需要的地方是。

我在以下网站找到了所有信息：

1. YUIBlog
2. WebResourcesDepot
3. Developer.Mozilla.org

Answer 4

您没有提及您正在开发的平台，但如果将其放置在交互式网站上，您可能会通过在Flash中进行操作来节省时间。看看如何首先制作可拖动的物体（谷歌在这里帮助你），然后用你喜欢的方式用线条或曲线很容易地连接它们。

Answer 5

这是我在YUI董事会上发现的：

http://tech.groups.yahoo.com/group/ydn-javascript/message/30836

似乎没有任何开放的“​​布线小部件”库，但YUI似乎确实是一个良好的开端。