Blog post preview
February 5, 2021

Meet JointJS+ 3.3

JointJS+ version 3.3 is out and comes with a lot of new features and improvements to existing functionality.

"We're delighted to see the movement to low-code and no-code tools in the software world and we are very committed to keep providing the best HTML 5 framework to speed up the development of visual tools of this kind. JointJS+ 3.3 is yet another strong release with tons of new features and integrations that will make our customer's products better, more integrated and easier to use, ultimately leading to happier end-users. The possibilities for developers building these tools are endless. Also, JointJS+ is - as always - fun to use." says Roman Bruckner, CTO of client IO

You can download the update package from your Account portal. If you're not eligible for a free update you can purchase it through our online store or request a free 30 day trial to try it out.

Have a look at the main highlights below and the full changelog here.

JointJS+ 3.3 Highlights:

Visio Import and Export

We're very excited about this new plugin that allows you to not only import Microsoft Visio VSDX files to JointJS+ but also export them back. It opens up a lot of possibilities for anyone dealing with Visio files. Moreover, our import/export Visio plugin makes it possible to define your own mappings for conversion. For example, you might have your own Visio master shapes but want them to be imported to JointJS+ to your own custom shapes. By defining your conversion mapping, you have a full control over the conversion of individual shapes, including custom properties.

Visio import & export – JointJS
Visio import & export – JointJS
Visio import & export – JointJS

To help you quick-start with the JointJS+ Visio plugin, we prepared tutorials and 4 demo applications (conversion of Visio VSDX BPMN diagrams to JointJS+ diagrams, conversion from JointJS+ BPMN diagrams to Visio BPMN VSDX, conversion of Microsoft Visio Cross-Functional FlowChart VSDX file to a JointJS+ diagram and conversion of Organizational Chart VSDX file to a JointJS+ diagram).

Conversion of Visio to JointJS+
Conversion of Visio to JointJS+

A complete set of BPMN 2 Shapes

If you're working with BPMN, you'll be delighted by the new full set of BPMN 2 shapes that are now part of JointJS+. All shapes can be further customized if needed.

BPMN shapes
BPMN shapes

Planogram demo app

A new demo application showing how you can build applications for displaying and editing Planograms (visual representations of a store's products or services on display) with JointJS+.

Planogram demo app

New smart highlighters

A new smart type of a node highlighter that automatically draws a stroke with an equidistant padding along the node and its descendants. This really improves the quality of complex shapes highlighting to the top level. It's clear when you look at the pictures.

New smart highlighters

And much more....

ELK layout engine integration

Integration with the Eclipse Layout Kernel (ELK) advanced layout algorithm is now seamless and we have an open-source demo that gives you a quick start. This layout algorithm is especially useful for diagrams with lots of ports and gives great results with positioning of nodes and routing of links:

ELK layout engine integration

Collapsible containers

Do you need to provide an additional hierarchical structure in your diagrams with collapse/expand buttons? Look at our demo that shows you how can do that with JointJS+:

Collapsible containers

Tree layouts with seamless drag & drop palette

Another new demo that shows you how to provide a seamless drag&drop functionality in your tree-like diagrams:

Tree layouts with seamless drag & drop palette

Label snapping

The paper object now provides an option to make labels snap on their links, even on curved lines:

Label snapping
Complete JointJS+ 3.3 Changelog with sample code and screenshots is here.

We hope you'll get the most from these new features, fixes and updates. Please don't hesitate to get in touch with questions or comments.

Happy diagramming!

- The JointJS Team

Authors
Blog post author
Roman Bruckner
Diagramming enthusiast from an early age, traveler and a persistent contributor to the developer community.
No items found.
Stay in the loop

Speed up your development with a powerful library