Дизайн вдохновленного Yahoo Pipes интерфейса

Question

Мне очень нравится интерфейс для Yahoo Pipes (http://pipes.yahoo.com/pipes/) и хотел бы создать аналогичный интерфейс для другой проблемы. Существуют ли библиотеки, которые позволят мне создать интерфейс с тем же основным внешним видом?

Мне особенно нравится, как ведут себя трубы и как они не просто прямые.

Редактировать: Приложение будет основано на веб-интерфейсе. Я открыт для использования Flash или Javascript.

Answer 1

WireIt - это библиотека JavaScript с открытым исходным кодом для создания веб-желательных интерфейсов, таких как Yahoo! Трубы для приложений потока данных, языки визуального программирования или графическое моделирование. Wireit использует библиотеку YUI (2.6.0) для DOM и манипуляции с событиями и excanvas для поддержки IE тега canvas. В настоящее время он поддерживает Firefox 1.5+, Safari 2.0+, IE 7.0, Opera 9+ и Chrome 0.2.x.

Answer 2

Вы не упомянули о платформе, для которой вы разрабатываете, но если она будет размещена на интерактивном веб-сайте, вы, вероятно, сэкономите время, выполнив ее во Flash. Посмотрите, как сначала сделать перетаскиваемые объекты (Google помогает вам здесь), тогда их легко соединить с линиями или кривыми любым способом.

Answer 3

Из чего я могу видеть, Yahoo! это eating their own dogfood путем сборки Трубы в YUI с добавлением ультра-крутого тега CANVAS и IE script file (который я не знал, существовал до тех пор, пока я не сделал небольшой рытье сегодня), которые управляют Visio-подобной проводкой. Если вы не использовали YUI, прежде чем вам понадобится много учиться, прежде чем вы сможете построить что-то столь же надежное, как Pipes, но, возможно, кто-то выпустил примеры на досках YUI, которые помогут вам приблизиться к тому, где вам нужно быть.

Вся моя информация была найдена на следующих сайтах:

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

Answer 4

Вот что я нашел на досках Юи:

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

Не похоже, что в настоящее время есть какие-либо открытые библиотеки «виджета», но YUI действительно кажется хорошим началом.

Answer 5

Пробег: JSplumb.

Основная структура HTML/CSS, соединения могут быть SVG/Canvas/VML *

Большой documentation очень чистый API и live demos

* Настраиваемый или автоматически устанавливается путем определения возможностей браузера