DEV Community

Cover image for Process Analytics - November 2021 Newsletter
Thomas Bouffard for Process Analytics

Posted on • Updated on • Originally published at Medium

Process Analytics - November 2021 Newsletter

Welcome to the Process Analytics monthly newsletter ๐Ÿ‘‹.

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.

Fall is ๐Ÿ here ๐Ÿ‚, November blows ๐Ÿ’จ, December says winter is coming! On our side, the project team worked hard to propose many new elements in our project:

  • new website pages
  • BPMN Visualization (JavaScript/TypeScript) library improvements

Website: blog posts and news

To avoid overwhelming everyone with too many articles on the web site Home page (because we love to write ๐Ÿ˜† ), weโ€™ve decided to limit whatโ€™s shown on the page.

Website home displaying the blog posts section

๐Ÿ’ก Want to access to all blog posts? Click on the โ€˜See allโ€™ at the bottom of the blog section and go to the new โ€œBlog Postsโ€ page. Itโ€™s all there!

The blog posts page, displaying all available posts

And what happens to the โ€œNewsโ€ section ๐Ÿค” ? A dedicated page is also available.

The news page, displaying all available posts

BPMN Visualization JS/TS library

In November, we released 3 versions: 0.19.5, 0.20.0 & 0.20.1.

In addition to internal improvements, we worked on improving the styling capabilities of the library using CSS and the documentation.

Fix pointer-events on label

In previous versions, Pointer Events on labels were captured as if they came from outside of the shape.

Demonstrate the pointer-events issue on label

This prevented click, hover and other interactions from working correctly. This mainly applied to BPMN activities, because the label is inside the shape for these BPMN elements.

This is now fixed as shown in the following comparison examples.

Demonstrate the fix of the 'pointer-events issue on label' in version 0.20.1

CSS classes are correctly applied to the Message Flow icons

Previously, it wasnโ€™t possible to style the icons with CSS. This is now fixed.

Future versions will improve the styling capabilities for the icon (see #928).

The message flow icon can be styled with CSS

Plans for the future

Here are the topics we will be addressing in the coming months:

  • Continue styling improvements for CSS usage and introduce an API to apply style to specific BPMN elements.
  • Create new examples to demonstrate other Process analytics / Process Mining use cases.

Thatโ€™s All Folks!

We hope you enjoyed the November project news and are looking forward to what is coming with the Winter ๐Ÿ‘‹.

In the meantime, to stay on top of the latest news and releases, follow us through:

Cover photo by FerNando on Unsplash

Top comments (0)