jsPlumb is a data visualization library available for most popular JavaScript libraries like jQuery, MooTools,Vanilla JS, YUI3. There are lot of features available on jsPlumb and has lots of examples over internet and they have a good documentation.
jsPlumb provides a means for a developer to visually connect elements on their web pages. It uses SVG or Canvas in modern browsers, and VML on IE 8 and below. The latest version is 1.6.4.
The project started out life on Google Code and was hosted there up until April 30, 2013. From May 1st, 2013, jsPlumb lives on GitHub only.
If you’re new to jsPlumb, please do take the time to read the documentation. There are a few integration issues that you should be aware of: z-index needs special attention, for example.
You can find running demos in here (http://jsplumb.org/demo/home/jquery.html) and licensed under the MIT license.
Browser Compatibility
jsPlumb runs on everything from IE6 up. There are some caveats, though, because of various browser/library bugs:
- jQuery 1.6.x and 1.7.x have a bug in their SVG implementation for IE9 that causes hover events to not get fired.
- jQuery 2.0 does not support IE 6,7 or 8.
- Safari 5.1 has an SVG bug that prevents mouse events from being passed through the transparent area of an SVG element (Safari 6.x does not seem to have the same problem)
- MooTools has a bug when using SVG in Firefox 11
Go ahead and try this awesome library for one of your projects
References
Damith's Blog 