The process diagram component uses the Raphaël framework to draw a process definition image based on the BPMN DI information in the process definition XML. In addition, the component is capable of showing the current status of a process instance.
Until 5.11 we only supported a static process image and a generated process instance image. But with the addition of the process diagram component we don't need to server-side generate a custom process instance image. And there's now the option to add more interaction in the process image, to for example show more information about a specific activity in the process definition.
The review sales lead example process of the Activiti Explorer looks like this in the process diagram component:
The current status of a process instance of the review sales lead process is drawn like this:
In addition to showing the process diagram as part of the Activiti Explorer, it's also very easy to only show the process diagram itself, for example to include it in another application. With the following URL you can retrieve the process image of the sales review process for example:
And to also highlight the current status of a process instance, just add a processInstanceId request parameter like this:
So a big thanks to Dmitry Farafonov for contributing this component to Activiti and I hope to see more contributions coming!