Process Analytics - August 2022 News
Tags: news, typescript, analytics, rlang
Published: 2022-09-12 14:12:27

Welcome to the Process Analytics monthly news 👋.

Our monthly reminder: 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 continues 🌞. On our side, the project team worked very hard in July and August to improve the project website, the BPMN Visualization (JavaScript/TypeScript) library and R package 🤗. Let’s see what’s new here 👀!

## Project presentation series

In July, we concluded a first series of presentations and webinars about the project. If you missed them, you can still see them all here 🤗
* [🇬🇧 Webinar: Dive into Process Analytics](https://dev.to/process-analytics/webinar-dive-into-process-analytics-i53)
* [🇫🇷 Webinar: Dive into Process Analytics](https://dev.to/process-analytics/webinar-dive-into-process-analytics-3lpk)
* [Dive Into Process Analytics at Bonita Day Paris 🇫🇷](https://dev.to/process-analytics/dive-into-process-analytics-at-bonita-day-paris-fnm)

## Website: start of the new design

At the end of August,  we restructured the footer of the website to provide better navigation between pages. This is the first step of the redesign of the site. Stay tuned for more changes 👀 

![image](https://user-images.githubusercontent.com/27200110/187476824-3b954af7-e951-48eb-acc9-9cb7ab7dc418.png)

As a reminder, the former footer looked like this:

![website former footer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s4lbbuqmsmbken7qs9kk.png)

---

## bpmn-visualization R Package

We released a new version of the package that includes documentation improvement and which uses the latest version of the bpmn-visualization JS/TS library. 🤔 For more details, see the [release notes](https://github.com/process-analytics/bpmn-visualization-R/releases/tag/v0.2.0) of the 0.2.0 version.

For the next few months, we will work to make the package available on CRAN 🛰️. This will simplify access to the package for people that cannot or don’t want to install it from GitHub.

## bpmn-visualization JS/TS library

In July and August, we released 4 versions of the library. Most of them are maintenance and internal improvements (mainly about tests).

Version [0.26.0](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.26.0) brings improvements to customize the style of the _Text Annotation_ elements and to the demo layout.

### More styling capabilities for Text Annotation elements

In previous versions, it was already possible to customize the style of the Text Annotation elements and to configure a fill color (a gradient of colors could also be used). But only a small area of the _Text Annotation_ was filled (the area delimited by the open rectangle).

In version 0.26.0, the whole _Text Annotation_ area is now filled as shown in the following figure 👇. Looks nicer, no?

![image](https://user-images.githubusercontent.com/27200110/185921695-684a6a61-8684-4258-b6a0-68bd60835352.png)

_The [Bonita procurement example](https://github.com/Bonitasoft-Community/procurement-example/tree/2.1) showing Text Annotation filled with a custom color_

### Demo improvements

#### A new **Light Blue** BPMN theme

A new _Light Blue_ BPMN theme is available. It uses the new, improved fill color of the _Text Annotation_ elements.

![The new Light Blue BPMN  theme features text annotation elements displayed with a specific fill color](https://user-images.githubusercontent.com/27200110/185927542-3d473f82-af1c-4d4f-bfc5-de0bcff4b96a.gif)

_The new “Light Blue” BPMN theme features Text Annotation elements displayed with a specific fill color_

#### More space for diagram rendering

The _Diagram_ title section has been removed, so there is now more space for the BPMN diagram rendering, especially on mobile.

You can see the evolution between version 0.25.2 and version 0.26.0 (shown as 0.25.3-post version here) 👇.

![Evolution of the demo design between version 0.25.2 and version 0.26.0](https://user-images.githubusercontent.com/27200110/185593882-e354676c-3d78-48ce-9ad8-a9027597c687.gif)

## That’s All Folks!

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

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)

*Cover photo by [Nattu Adnan](https://unsplash.com/photos/atSUvc1hMwk?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on[ Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)*