Eric Abouaf has released WireIt, a library that answers the though: “wow, I wish there was an API that did the UI bits that Yahoo! Pipes does.”

WireIt uses canvas, excanvas for IE, and YUI to get the job done. Take a look at the docs to see how it works.

Here is the code for simple terminals:

JAVASCRIPT:

  1.  
  2. var bl = YAHOO.util.Dom.get(‘blockLeft’);
  3. var br = YAHOO.util.Dom.get(‘blockRight’);
  4. var bt = YAHOO.util.Dom.get(‘blockTop’);
  5. var bb = YAHOO.util.Dom.get(‘blockBottom’);
  6.        
  7. for( var i = 0 ; i <7 ; i++) {
  8.         new WireIt.Terminal(bl, {direction: [1,0], offsetPosition:[0,i*50] });
  9.         new WireIt.Terminal(br, {direction: [-1,0], offsetPosition:[0,i*50] });
  10.         new WireIt.Terminal(bt, {direction: [0,1], offsetPosition:[i*50,0] });
  11.         new WireIt.Terminal(bb, {direction: [0,-1], offsetPosition:[i*50,0] });
  12. }
  13.  

And there is even a fun game to check out:

Planar