Process Analytics - May 2022 News
Tags: news, bpmn, analytics, typescript
Published: 2022-06-07 11:44:17

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.

Spring continues🦄. Perhaps, it was generous with Easter eggs 🥚this year? For sure, the sun is here 🌞 (North hemisphere) or the wind blows 💨 (South hemisphere).

On our side, the project team worked very hard in May to propose new elements in our Process Analytics project.  These include: 

* website updates
* bpmn-visualization (JavaScript/TypeScript) library improvements

## Website updates: Announcing the “Model Generation Application”

In  [December news](https://dev.to/process-analytics/process-analytics-december-2021-newsletter-1bo1), we presented the BPMN Layout Generator component.

In May, we introduced the 📣 “Model Generation Application”, an upcoming demonstration tool, built with Process Analytics components that generates process diagrams from event logs 👀.

⏩ Visit the [Model Generation Application page](https://process-analytics.dev/model-generation-application/?utm_source=devto&utm_medium=display&utm_campaign=news) on the Process Analytics website to learn more.

![Model Generation Application preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dniyao45r51zyivxffha.gif)

_Model Generation Application preview_

## bpmn-visualization JS/TS library

In May, we released 3 versions: [0.23.2](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.23.2), [0.23.3](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.23.3) & [0.24.0](https://github.com/process-analytics/bpmn-visualization-js/releases/tag/v0.24.0).

### New Zoom API 📚

This Zoom API allows you to easily zoom in and out using zoom buttons.

Watch the following demo of bpmn-visualization to get a quick overview. 👇

![zoom with buttons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iz9qf2b7s9ggx3ri7uyn.gif)

_Zoom in/out with zoom buttons_

### New TypeScript example in the browser 🎁

A new example is now available at[ CodeSandbox](https://codesandbox.io/s/bpmn-visualization-ts-sandbox-erkrbc) to play with the bpmn-visualization TypeScript API.

It adds to the already existing JavaScript examples hosted on[ CodeSandox](https://codesandbox.io/s/bpmn-visualization-sandbox-hpvq8) and[ CodePen](https://codepen.io/process-analytics/pen/YzQzROg).

![TypeScript template at CodeSandbox](https://user-images.githubusercontent.com/27200110/168561865-4aa5afde-f6d0-499a-8ee2-492841e670c8.png)

_TypeScript example with CodeSandox_

### GitHub repository figures 😻

In May, the bpmn-visualization repository welcomed [Pull Request #2000](https://github.com/process-analytics/bpmn-visualization-js/pull/2000), which means that more than 2000 Issues and Pull Requests have been created since the beginning of the project.

We thank all our users and contributors 🤗 for this achievement.

## That’s all folks!

We hope you enjoyed this May project news update and we are looking forward to what 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=devto&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 [Vitolda Klein](https://unsplash.com/photos/Gkz8EyzQIeo?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [ Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)*