Process Analytics - October 2022 News
Tags: news, analytics, visualization, bpmn
Published: 2022-11-07 07:00:00


Welcome to the Process Analytics monthly news 👋.

Our monthly 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.

Apples, pumpkins and colorful leaves 🍂! This October was a fruitful spooky month 🎃. Our participation in the leading Process Mining conference ICPM was a great success 💪. And we worked closely with our hacktoberHeros 🦸 to make their open source contribution a learning and success experience.


## Events

### Hacktoberfest: Highlights

As we said [previously](https://dev.to/process-analytics/hacktoberfest-2022-with-process-analytics-818), the Process Analytics team participated in [Hacktoberfest 2022](https://hacktoberfest.com/). We opened dedicated issues of all flavors on our various repositories: [bpmn-visualization Typescript library](https://github.com/process-analytics/bpmn-visualization-js), its related [examples repository](https://github.com/process-analytics/bpmn-visualization-examples), the project [website](https://github.com/process-analytics/process-analytics.dev) and the [bpmn-visualization R package](https://github.com/process-analytics/bpmn-visualization-R).  

We were very lucky to receive some high quality contributions 🏅. We warmly thank our contributors for their interest and for getting in touch with us 🙏.  

Hacktoberfest was a great learning experience for us too, as maintainers 👷‍♂️. We enjoyed interacting with people of many different profiles, from students 🧑‍🎓 to experienced developers 👩‍💻. 

Stay tuned for an upcoming article dedicated to detailing the contributions and activities related to Hacktoberfest 2022 ✨.


### ICPM: Flashback

The [bpmn-visualization Typescript library](https://github.com/process-analytics/bpmn-visualization-js) was in the spotlight 🔥 on October 27th at the [International Conference on Process Mining (ICPM)](https://icpmconference.org/2022/), the leading conference for process mining experts. 

[Nour Assy](https://www.linkedin.com/in/nour-assy/), our developer advocate, presented a live demo to researchers, professionals and practitioners in the field.  We were honored by the great interest and the valuable feedback we received from the community 💡. 

We will soon publish a report summarizing this fruitful experience and highlighting some of our great moments -  stay tuned 😉.


![Poster presented at ICPM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5abttbiw3jhyu18tvybp.png)

## bpmn-visualization JS/TS library

In October, we released 3 versions: [0.27.0](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.27.0), [0.27.1](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.27.1) & [0.28.0](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.28.0).

### Easier integration in applications

🔥 The three new releases have gradually made the integration of _bpmn-visualization _easier:

* Version 0.27.0 drops the need for special settings in your _tsconfig.json_ file  🎁. Now, just add _bpmn-visualization_ to your dependencies and start coding.
* Version 0.27.1 fixes a bug that forced a  workaround when integrating _bpmn-visualization_ with frameworks like Svelte or Angular 🐛.
* Version 0.28.0 changed the TypeScript requirement from 4.5 to 4.0  🎉. You can now use _bpmn-visualization_ in applications locked with older versions of TypeScript.

For more details, see the related release notes (links available above ☝️).

### Demos and examples

We released two demos this month to show the capabilities of the _bpmn-visualization_ library by illustrating different use cases of process analytics. 

💡 Test the demos yourself in our [live environment](https://cdn.statically.io/gh/process-analytics/bpmn-visualization-examples/v0.28.0/examples/index.html).


#### ICPM demo

This is the demo that we presented at the ICPM conference. We showcased three different scenarios:

1. Visualizing conformance data that are generated by a process mining technique called [conformance checking](http://www.processmining.org/conformance.html).
2. Visualizing violations of compliance rules.
3. Visualizing the happy path that corresponds to the most frequent path executed in the process.



![Visualization of conformance data using bpmn-visualization](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mmvktqhn6e8xox4tb6z0.png)

#### Getting started tutorial

We have published a step-by-step introduction to using the _bpmn-visualization_ library in a [Getting Started tutorial](https://dev.to/process-analytics/getting-started-with-bpmn-visualization-3dno). For this, we prepared an online monitoring scenario and proposed to visualize data related to:

* The running instances and their number ⚙️.
* The status of the running instances: whether or not they violate the predefined Key Performance Indicators (KPI) ⏱️.

![Visualization of online monitoring data using bpmn-visualization](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s7jds21vx96yq4t4e60c.gif)


## Plans for the future

Here are some of the topics we will be covering in the coming months:

* We are working on the R package. Some related news is coming soon.
* We are working on supporting additional BPMN elements.
* And most importantly, this is the time of the year we are working on our roadmap for next year 🛣️ !
External feedback is more than welcome! If you have any novel, creative, or crazy ideas 💥  for process analytics visualization, feel free to contact us 👋 using our social channels linked below 👇.


## That’s all folks!

We hope you enjoyed this October project news and are looking forward to what the rest of the fall 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)
* Discord: [Join our server!](https://discord.com/invite/HafnBYsRXd)

_Cover photo by [Andy Holmes](https://unsplash.com/photos/x7Lf52NwMX4) on[ Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)_