pabloalonso / bpmn-visualization-js

A TypeScript library to visualize process execution data on BPMN diagrams

bpmn-visualization

bpmn-visualization is a TypeScript library to visualize process execution data on BPMN diagrams with

• additional display options for execution data (highlight some transitions, counters, and more)
• with interactive capacities (mouse hover, click)

Supported Browsers: Chrome, Firefox, Safari, Edge.

Demos

The demo environment let you load a BPMN file to see how the lib renders it. Various versions of the lib are available.

If you need BPMN examples, you can use resources of the BPMN Model Interchange Working Group (BPMN MIWG)

• https://github.com/bpmn-miwg/bpmn-miwg-test-suite
• https://github.com/bpmn-miwg/bpmn-miwg-demos

Roadmap

bpmn-visualization is in early development stages and is subject to changes prior to the 1.0.0 release.

We are currently focusing on the BPMN support to be able to render most of the BPMN elements. Notice that there is currently no plan to support Conversation and Choreography.

Then, we will work on BPMN extensions, library extension points, display options for execution data with interactive capacities.

Development

To build the project, see the Contributing guide 🙂

License

bpmn-visualization is released under the Apache 2.0 license.

Some BPMN icons used by bpmn-visualization are derived from existing projects. See the BPMN Support page for more details:

• draw.io (Apache-2.0)
• flaticon (freepikcompany license)

Powered by

statically.io (demo environment)