The library was ported for MooTools, YUI and jQuery.
It uses a canvas stage to drag graphs, charts or different elements showing the way GUI elements or other objects interact with each other.
For older browsers, Google's ExplorerCanvas script is used.
Full transparent support for dragging is included, the API is super simple, and the compressed version of the script is just 38K.
jQuery:
jsPlumb requires jQuery 1.3.x or 1.4.x; we have tested on 1.3.2, 1.4.2, 1.4.3 and 1.4.4. To support dragging, you will need jQueryUI 1.7.x or 1.8.x. We have tested both.
MooTools:
jsPlumb requires MooTools 1.2.4 (we've tested on 1.2.4; it might work on other versions). To support dragging in MooTools, you will need Drag.Move from MooTools More. We have tested with Drag.Move from MooTools More 1.2.4.4.
YUI3:
jsPlumb requires YUI 3.3.x (we've tested on 3.3.0; it actually might work on other versions). You do not need to include anything other than 'node' in your code that works with jsPlumb.
Here are some key features of "jsPlumb":
Graph elements:
· Connector - a line connecting two elements in the page
· Endpoint - the visual representation of one end of a Connection
· Anchor - a location, relative to an element's origin, at which an Endpoint can exist
· Overlay - a UI component that is used to decorate a Connector, such as a label, arrow, etc.
· Connection - an instance of Anchors, Endpoints and a Connector with zero or more Overlays working together to join two elements.
Requirements:
· JavaScript enabled on client side
What's New in This Release: [ read full changelog ]
· Hover mode is suspended while something is being dragged. this prevents a lot of random flashes as the mouse moves around the screen.
· VML endpoint was not assigning custom CSS class if it was given one. it is now.