Process Analytics - July 2023 News
Tags: news, typescript, visualization, bpmn
Published: 2023-08-07 13:55:21

Welcome to the Process Analytics monthly news 👋.

Our “always” reminder: The goal of the Process Analytics project is to provide a means to rapidly display meaningful Process Analytics components in your web pages using BPMN 2.0 notation and Open Source libraries.

Welcome to our July project news update ⛵! This edition spotlights the launch of our new experimental library, and showcases a captivating new demo. Let's dive right in!


# Promotion highlights

## All you need to know about style management in bpmn-visualization 

We've published a fresh article delving into the styling of BPMN elements using our bpmn-visualization TypeScript library. This piece not only covers the basics of style management but also features some advanced usage scenarios to inspire your projects. Intrigued? Find out more 👉 [here](https://dev.to/process-analytics/bpmn-visualization-all-you-need-to-know-about-styling-bpmn-elements-11mf). 


## We're listed on BPMN Tool Matrix

For those interested in exploring different BPMN-based tools, the[ BPMN Tool Matrix](https://bpmnmatrix.github.io/) is an invaluable resource. We're proud to inform you that our project, backed by our "free" and "open source" Apache 2 license, is featured there 😉. 


## Website Improvements 

Our [website](https://process-analytics.dev/?utm_source=dev.to&utm_medium=display&utm_campaign=news) revamp is ongoing, and the latest update includes a new, user-friendly design for the 'cards' of our articles and blogs. We hope you'll find this update both aesthetically pleasing and practical 😊.

![Website cards improvement](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fl00at0fx2rty4x23k0g.png)

![Website cards improvementn](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tbrfuacmmr6kguuw1o3l.png)

# bpmn-visualization TypeScript library

In **July**, we released version [0.38.0](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.38.0). Below are some highlights.


## New experimental library with great new features

We're excited to announce the launch of our new experimental library, [bv-experimental-add-ons](https://github.com/process-analytics/bv-experimental-add-ons/). This fresh addition will offer an array of novel features, primarily concentrating on computing and visualizing paths in BPMN.

Why are paths so important, you might ask? Well, within the realm of process intelligence and optimization, being able to mine path information has a wide range of applications: What is the most/least performant path in my BPMN process? Which path is the most/least frequent? What's the predicted remaining path to complete the process instance? These and many other use cases require "computing and visualizing paths" to produce results. 

Interested? Star and follow the progress of our experimental library. If any of the already [opened issues](https://github.com/process-analytics/bv-experimental-add-ons/issues) seem familiar to you, you're more than welcome to contribute 🤗.


## API enhancement

The [updateStyle](https://process-analytics.github.io/bpmn-visualization-js/api/classes/BpmnElementsRegistry.html#updateStyle) API has been enriched to support the ‘Gradient’ fill color as shown in the image below.

![Gradient fill with the updateStyle API](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g1uoa55vfr25djppec87.png)


## New prediction demo is out

This new demo employs _bpmn-visualization_ to visualize late/on-time activities as well as predicted late/on-time remaining paths using mock data. Feel free to explore both the [live demo](https://cdn.statically.io/gh/process-analytics/bpmn-visualization-examples/v0.38.0/demo/prediction/index.html) and the [source code](https://github.com/process-analytics/bpmn-visualization-examples/tree/v0.38.0/demo/prediction).


![Prediction visualization with bpmn-visualization](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v76chadqzgchs1580ak9.gif)


# That’s all folks!

We hope you've enjoyed this July project update. Enjoy your summer holidays and stay tuned for more exciting updates when we return. See you after the break 👋.

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

* Website: [https://process-analytics.dev](https://process-analytics.dev/?utm_source=dev.to&utm_medium=display&utm_campaign=news)
* Twitter: [@ProcessAnalyti1](https://twitter.com/ProcessAnalyti1)
* GitHub: [https://github.com/process-analytics](https://github.com/process-analytics)
* Discord: [Join our server!](https://discord.com/invite/HafnBYsRXd)
* YouTube: [Process Analytics YouTube channel](https://www.youtube.com/@process-analytics)

_Cover photo by [jcob nasyr](https://unsplash.com/photos/67sVPjK6Q7I) on [Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)_