Window 1

i am plumbed with a yellow Bezier connector to Window 2.
Window 2

i am plumbed with a yellow Bezier connector to Window 1, and a Bezier connector with square endpoints to Window 3
Window 3

i am plumbed with a Bezier connector and square endpoints to Window 2, and a Bezier connector with custom style to Window 4
Window 4

i am plumbed with a Bezier connector with custom style to Window 3, and with a straight line connector with image endpoints to Window 5.
Window 5

i am plumbed with a straight line connector to Window 6, between our two centerpoints, which are drawn below, and larger than, the window element; i am also plumbed to Window 4.
Window 6

i am plumbed with a straight line connector to Window 5, between our two centerpoints, which are drawn below, and larger than, the window element.

jsPlumb provides a way to "plumb" elements of a UI together. This page contains a little bit of everything to whet your appetite.

This demonstration uses jsPlumb 1.2.2, MooTools 1.2.4, and Drag.Move from MooTools More 1.2.2.4.

Next: Chart demonstration

You also might like to check out TweetPlumb, a Twitter visualisation built with jsPlumb.