Features

Learn about JointJS and JointJS+ features such as shapes, element palette, property editor and viewer, toolbar, minimap, undo & redo, and more.

Shapes

9 items

Element palette

The plugin to implement a palette of JointJS Elements is called Stencil. These Elements can be dragged onto a Paper.

Property editor and viewer

The plugin to implement an editor and viewer of Cell model properties is called Inspector. It creates a two way data binding between the Cell model and a generated HTML form with input fields.

Toolbar

The plugin to implement an interactive toolbar component is called Toolbar. With the Toolbar plugin you can easily enrich your application with various tools.

Zoom & Scroll

The plugin to implement scrolling, panning, zooming, centering and auto-resizing of Paper content is called PaperScroller. It wraps the Paper element.

Minimap

JointJS+ provides a Navigator plugin that enables the ability to display a smaller view into a larger diagram. Access Navigator via the ui namespace, and simply create an instance.

Halo

JointJS+ provides a Halo plugin that enables the ability to create a control panel above an element with various tools. Access Halo via the ui namespace, create an instance.

Highlighters

The plugin to implement a palette of JointJS Elements is called Stencil. These Elements can be dragged onto a Paper. Learn more about this plugin in this tutorial.

Selection

Selection implements elements selection, moving the selection in one go and manipulating the selection in terms of selecting/deselecting individual elements.

Resize & Rotate

JointJS+ provides a FreeTransform plugin that enables the ability to create a control panel above an element giving a user the ability to resize an element in any direction or rotate it.

Undo & Redo

The plugin that keeps track of graph changes and allows you to travel the history of those changes back and forth is called CommandManager.

Copy & Paste

JointJS+ provides a Clipboard plugin that enables the ability to copy and paste cells. Access Clipboard via the ui namespace, and create an instance.

Keyboard shortcuts

JointJS+ provides a Keyboard plugin that enables the ability to create keyboard shortcuts in your JointJS+ application. Learn more in this tutorial.

Inline text editing

JointJS+ provides a TextEditor plugin that is a powerful (rich-text) inline text editor that can be used on any SVG text element. Learn more in this tutorial.

Export & Import

10 items

Automatic layouts

5 items

Validations

1 items

Algorithms

1 items

Snap to objects

1 items

Drag & Drop

2 items

Vector editor

2 items

Tooltips

JointJS+ provides a Tooltip plugin that enables the ability to display information messages anywhere in the UI. Access Tooltip via the ui namespace, and create an instance.

Popups & Menus

5 items

Form controls

4 items

Themes & Styling

1 items

Local storage

JointJS+ provides a Local plugin that enables the ability to store documents (especially JointJS graphs and cells) to client-side HTML 5 localStorage.