Process Analytics — June 2022 News

Cover photo by Mick Haupt on Unsplash

Welcome to the Process Analytics monthly news 👋.

As you know, the goal of the Process Analytics project is to rapidly display meaningful Process Analytics components in your web pages using BPMN 2.0 notation and Open Source libraries.

Summer is here 🌞. People in the northern hemisphere are happy not to see clouds ☁️ and rain 🌧️.

On our side, the project team worked very hard in June to improve the BPMN Visualization (JavaScript/TypeScript) library 🤗. We also presented the project at several conferences and events. Let’s see what’s new here 👀!


Bonita Day Paris

At the beginning of April 2022, our team presented the Process Analytics project at the Bonita Day event in Paris, organized by Bonitasoft.

The replay of this presentation in French is available 👇

ℹ️ For more information, see this article.

FR Webinar: À la découverte de Process Analytics

We also presented the Process Analytics project during a Webinar organized by Bonitasoft, at the end of June.

In this presentation, we showed the different components of the project available to you, as well as a concrete integration case using a ticketing application as an example.

The replay of this presentation in French is available on the Bonitasoft website.

ℹ️ A webinar in English is planned for early July and another webinar en español (in Spanish) will be scheduled in the future.

Bonita Day Madrid

At the end of June 2022, Alejandro Rondon presented the Process Analytics project at the Bonita Day event in Madrid, organized by Bonitasoft. 🙏🏻 Big thanks to Alejandro.

The event teaser is available 👇

bpmn-visualization JS/TS library

In June, we released 2 versions: 0.24.1 & 0.25.0.

New API: Filter pools at load time

When calling the load method, it is now possible to filter the pools in the diagram you want to display.

You can filter for one or several pools and specify the filtering options by pool id and/or name.

In the following example 👇, we load the same diagram with different filter configurations. First we load without filtering, so we see the whole diagram. Then we filter different pools, one pool at a time. And finally, we filter 3 pools at the same time.

Demo page improvements

Add a select button to switch the BPMN Theme

It’s now possible to change the BPMN theme at runtime in the demo page.

Add a zoom reset button

We also added a new button to reset the zoom level, very similar to the previous zoom in/out.

The new zoom reset button


Change the fill color of edge markers

⏩ A new example is available to demonstrate how to change the fill color of the edge markers.

Message Flows: Start (circle) and End (arrow) markers
Sequence Flows: Conditional marker

Add a new project to demonstrate integration with Parcel

This new project demonstrates the straightforward integration of the bpmn-visualization library in a TypeScript project built with Parcel v2. It also helps to improve project quality by detecting any integration errors prior to shipping new releases.

For more information, see process-analytics/bpmn-visualization-examples#338.

That’s all folks!

We hope you enjoyed this June project news and are looking forward to what the rest of the summer will bring 👋.

In the meantime, stay on top of the latest news and releases by following us:



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store