Visually Connect Elements on a Web Page: jsPlumb jQuery Plugin

Posted on March 25, 2010, under jQuery, Bookmark it

jsPlumb is a jQuery plugin that provides a way to “plumb” elements of a UI together. It is much the same way you may have seen on Yahoo Pipes. It uses Canvas in modern browsers and Google’s ExplorerCanvas script for stone-age browsers.

The plugin relies on jQuery 1.3.x or jQuery 1.4.x (tested on 1.3.2 and 1.4.2), and also jQuery UI 1.7.2 (if you want to support dragging). Full transparent support for jQuery dragging is included, the API is super simple, and the compressed version of the script is just 11K.

Source: http://code.google.com/p/jsplumb/
Demo: http://morrisonpitt.com/jsPlumb/html/demo.html
Download: http://code.google.com/p/jsplumb/downloads/list
Tested in: IE 6, 7, 8 (forced IE7 standards compatibility mode) on Windows XP, Firefox 3.5.8 on Windows XP, Firefox 3.6 on Ubuntu 9.10, Firefox 3.6 on Windows XP, Chrome on Ubuntu 9.10, Safari 4 on Mac Tiger, Safari 4 on Windows XP, Opera 10.5 on Windows XP

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

March 25, 2010
article by Gabriel C.
Share your thoughts!

Tags:

Expose HTML Elements with Style: jQuery Highlighter Plugin
at January 3, 2010
Easily Add Maps to a Webpage: Google Maps jQuery Plugin
at January 6, 2010 with 1 comment
jQuery File Upload Plugin: non-Flash Extensible File Uploader
at March 21, 2011
Stylish GMail-like buttons: JQuery styledButton Plugin
at January 28, 2010
Lightweight and intelligent custom tooltip: TipTip jQuery Plugin
at January 15, 2010

* = required fields

Visually Connect Elements on a Web Page: jsPlumb jQuery Plugin

Related Posts

Leave a Reply

Tag Cloud

Menu

To do

Suggestions

Resources