JointJS

JointJS allows developers to define diagram structures with the help of JavaScript code.

Joint's code is parsed at page load by the browser, which then interprets and renders it inside the browser with the help of SVG graphics.

The diagrams it produces are fully interactive and come with drag and drop support for nodes and lines, letting users adjust their output and move them around, adding or removing items.

Any type of structure can be created and rendered, developers being limited by their own imagination.

There's support for custom color choices, showing elements at various sizes, SVG exporting, zooming in and out, and even a wide collection of built-in shapes and lines.

This latter feature makes deploying a diagram out of the box much easier and faster, letting developers focus on stylistic modifications at other times.

What is new in this release:

• Various bug fixes and improvements

What is new in version 0.9.3:

• Various bug fixes and improvements

What is new in version 0.8.1:

• Link snapping, class toggling, bug fixes.

What is new in version 0.6.3:

• Expose Dagre options to the DirectedGraph layout plugin.

What is new in version 0.4:

• New method Joint>>disconnect for programmatic joint disconnection.
• Disconnect callback is now called right after the joint has been disconnected, not just before it's new connection.

Requirements:

• JavaScript enabled on client side