JointJS+ is a diagramming framework for advanced applications, delivering the best of HTML 5 + SVG and providing you with the right tools to build outstanding products.
Create your next visual tools in days, not months, by focusing on your underlying business logic instead of worrying about the UI.
Enjoy interactive flowcharts, diagrams, graphs and more directly inside your apps, and enable users to manipulate the data from within.
Every part of the user interface can be customized to match your experience and brand, and can be embedded in any page, and communicate via AJAX and JSON with any back-end.
many examples to use and explore, with source code
What it does
There are many ways JointJS+ can bring your visions to life. Here are just a few examples.
Workflow Systems
Integrate a visual interface to workflow systems such as IVR, ETL, marketing automation applications and more.
BPMN Tools
Quickly create Business Process Management tools, and connect any backend technology via JSON Ajax.
Project Management
Build project management applications with highly interactive, visual, and customized components.
Diagramming Editors
Build diagramming applications such as Org Chart Editors, Mind Mapping Tools, Flowchart Editors and more.
Floor Planners
Add a floor planner editor to your applications dealing with floor layout, event planning and others.
Dependency Management
Design a dependency management interface to make it easy for app users to follow dependencies in a visual way.
It works everywhere
JointJS+ works across all devices so you can deploy an unlimited number of commercial applications with full access to source code. And it's compatible with all major JavaScript frameworks, including:
Extensive plugin sets
You can easily expand and customize JointJS+ functionality. Here are some popular examples of the many plugins available.
Control Panels
A configurable control panel above diagram elements to keep important tools close at hand.
Element Palettes
Element palette with accordion like grouping for quick and easy access to what you need.
Export
Export your diagrams to other useful formats such as JSON, PNG, JPEG or SVG.
Free Transform
Resize your elements on all sides and in any direction, including when rotated.
Layouts
Automatically and conveniently layout your elements in a tree, grid, or any directed graph.
Undo / Redo
Undo and Redo actions down to an arbitrary level and as often as needed.
Charts
Plots, Bars, Area, Pie & Donuts, Matrix and Knobs. Charts are an element that you can use like any other shape.
Tree Layouts
Automatic tree layout of elements is great for org charts, class inheritance, sitemaps and other similar structures.
Local Storage
A high level API to conveniently and efficiently store graphs and any other documents in a browser's local storage.
Validator
Make sure your documents are always in the state you need them to be by automatically cancelling invalid actions.
Visio Import/Export
Import or export your Visio (.vsdx) documents and even define your own custom shape mappings.
Tooltips
Display your info messages anywhere in the user interface while also supporting HTML content.
Snaplines
Give your users an accurate and intuitive way to align objects within their diagrams.
Navigator
Display a smaller view into a larger diagram with navigation controls while keeping a bird's-eye view.
BPMN Shapes
A complete set of BPMN 2 shapes. All shapes can be further customized, including size, colors, borders and more.
Geometry
An extensive set of geometry operations that help you with your calculations in 2D space. Very useful for advanced controls and low-level customizations.
Clipboard
Copy-paste parts of your diagrams either within a single diagram, between multiple different diagrams on the same page or even across browser tabs.
Vector Editing
Vector drawing and editing plugin lets you build advanced vector graphics editing applications.
"JointJS+ was the perfect product for us. We have used JointJS+ as the foundation to create an illustration tool for Sales relationships within a target organization. The product has been reliable, flexible, straightforward to integrate, and very easy for end users to understand."
JOSÉ MIGUEL GONÇALVES
Project Manager, NOV Inesc Inovação
"JointJS+ was really a great find, as it gave us a great boost in the diagramming frontend of our application. These guys know their business and give you a great support on your development. One of our requirements was to have a BPMN diagram support in our app and they quickly supplied this as a plugin to JointJS+!"
KEVIN MANSEL
Senior Software Engineer, Patent Navigation
"The JointJS+ toolkit is the best solution we found as a full fledged diagramming library for the web. The client IO team has been extremely responsive to our needs and it’s been great to help contribute back to the product throughout our development process."
THOMAS PEUGEOT
SYSTEM ARCHITECT, MOSS
"A few years ago, such a development would have taken tremendous time. JointJS+ offers great opportunities for clients who cannot afford big spending on development or customized COTS."
Check out what we've built with JointJS+
Appmixer – our Embedded iPaaS and workflow automation system
Appmixer helps SaaS companies implement integration and automation capabilities in less time.
Instead of building and maintaining APIs in-house, companies choose Appmixer to shorten their time to market and satisfy their customers' needs.
