what is it?
jsPlumb allows you to visually connect elements on your page. Some key features are:
- MIT licensed. do with it what you will.
- visual components use HTML5's Canvas element, making the UI highly customizable
- supports drag and drop to create new connections
- works with both jQuery and MooTools; support for other libraries is simple to implement
- supports animation
- easily extendible to add your own types of connections
- excellent browser support - even including IE6!
show me!
want to see it in action? several demonstration pages are listed below; i also recommend tweetplumb.com, a Twitter visualization that uses jsPlumb (because i built it!).| the kitchen sink - a crash course in the variety of effects you can use | jQuery | MooTools |
| drag and drop connectors | jQuery | MooTools |
| drag and drop connectors with animation | jQuery | MooTools |
| custom locations for attaching connections | jQuery | MooTools |
| an example organisation chart | jQuery | MooTools |
| working with gradients in Canvas | jQuery | MooTools |