Why choose JsPlumb over JointJS?
✓
JsPlumb is not limited to SVG. JointJS is. With JsPlumb your nodes can be any valid HTML, but with JointJS you're limited to drawing them out programmatically as SVG✓
With JsPlumb you can use Angular, React, Vue or Svelte components to render your nodes. In JointJS there is no way to do this.✓
JsPlumb has no external dependencies. JointJS has 3, more if you want touch events (and who doesnt want touch events these days!).✓
JsPlumb ships with a comprehensive component testing manager.✓
You can build anything in JsPlumb that you can build in JointJS, but not vice versa - and at a fraction of the cost.| JointJS | JsPlumb | |
|---|---|---|
| True integration with Angular, React, Vue and Svelteread more about this | ||
| Depends on multiple external libraries | ||
| Supports touch events | ||
| Full text search | ||
| Dialogs module | ||
| Object inspectors | ||
| Custom layouts | ||
| Edit edge paths | ||
| Transactions | ||
| Render dynamic selections | ||
| Component testing support | ||
| Access to unminified source code | ||
| No restrictions on use of license | ||
| Magnetizer - prevent elements overlappingread more about this | ||
| Graph Layout Algorithms | ||
| Dedicated support available | ||
| Export to SVG, PNG and JPG |
Everything you need to build world-class apps in record time
Layouts
Force Directed, Hierarchy, Balloon, Circular, or write your own
Miniview
View and move the canvas in miniature
Undo & Redo
On every model operation
Surface
Infinite panning, smooth as butter zoom
Path Editing
Edit paths via mouse/touch
Shape Libraries
Render your nodes as SVG shapes
Graph Operations
Interact deeply with your data model
Resize Objects
Resize objects with mouse/touch
Paths
Show/animate paths between elements
CSS
Fully customizable via CSS
Trusted by leading companies worldwide
Rapidly build diagrams and graphical front ends
Flowcharts
Our fully featured flowchart includes support for custom shapes, edge routing to avoid vertices, node resizing, and SVG/PNG/JPG export.
Gantt charts
This interactive Gantt chart features tasks, task groups and milestones. Drag dependencies between tasks and use the inspector to update task names and their progress. Timeline options are configurable, and we use JsPlumb's support for floated labels to handle horizontal scroll.
Chatbots
Use JsPlumb to build a Chatbot editor, with actions, messages, input and choices.
Call Flow
Use JsPlumb to build a visual Call Flow editor.
Kanban boards
Fully featured Kanban board. Drag items between columns and use the inspector to update items and columns.
Network Topology Diagrams
The Network Topology Diagram builder uses our neat selection of drawing and sizing tools to provide a solid foundation for your own Network Topology application.
Schemas
Includes support for tables, views, multiple columns types, and column relationships. Easily extensible.
Org Charts
JsPlumb makes it simple to build interactive org charts. This starter app uses the classic org chart layout and provides an inspector from which the user can navigate around.
Mindmaps
The mindmap builder highlights several advanced features JsPlumb offers such as custom layouts, parsers and exporters
Nested Groups
Learn about how JsPlumb lets you work with groups nested to an arbitrary level, with full drag and drop support.
Path Tracing
Leverage JsPlumb's underlying Directed Graph to visualize paths between elements.
Hello World
This app is designed to give you a basic starter app from which you can build your own, without any of the bells and whistles included in our other starter apps.
Image Processor Pipeline
Fully featured image processor using HTML canvas for you to use as a base for your own apps.