Object-Centric Flowchart

An Object-centric flowchart visualizes process flows through different business objects and their relationships in an object-centric process mining model. For event types, the Object-centric flowchart shows the number of events occurred and the number of each type of objects going through the event. For flows, the Object-centric flowchart shows the number of flowing objects and the average duration of the flow.

Moving and Zooming

The Object-centric flowchart can be moved by mouse dragging (i.e. keep the left mouse button pressed while moving the mouse cursor). Use the mouse wheel to zoom in and out while the cursor is over the flowchart. You can also use the + and - buttons on the bottom right corner, which increase and decrease the zoom level by 10% in each step.

There are two resets of the zoom and position available, Window width and 100% zoom, which can be toggled by clicking the Reset zoom button in the bottom right. When zoom is 100%, Window width mode is activated, and when zoom is other than 100%, 100% zoom is activated.

Event type and flow KPI's

The Object-centric flowchart is able to show and visualize measures calculated for the event types and flows.

For event types, the following visualizations are available:

• Event type name
• Total number of events of that type
• Number of objects where this event occurred (each object type separately) The object type color is visualized next to the measure value.
• Number of occurred events where the object is related to (each object type separately) The object type color is visualized next to the measure value.

For flows, the following visualizations are available:

• Flow color is the color assigned to the object type.
• Number of flowing objects
• Average duration of the flow

Object-centric flowchart general settings

The Object-centric flowchart settings can be opened by clicking the Object-centric flowchart so that it gets selected, and then clicking the settings button on the top right of the Object-centric flowchart. The Object-centric flowchart has the following settings in the General tab:

• Show object types: The available object types in the model. The flowchart will show the selected object types and ignore the rest.
• Show event types: The available event types in the model. The flowchart will show the selected event types and ignore the rest.
• Diagram initial zoom: Zoom level used when the dashboard containing the flowchart is opened. Available options:
  • Window size: Flowchart fits to the visible screen entirely while being as large as possible.
  • Window width: Flowchart width takes the entire area width. If height is greater than area, the top part of the flowchart is visible. In other case, flowchart is positioned vertically in the middle of the canvas.
  • 50/80/100/120/150/200% zoom: Flowchart zoom level is set to the defined percentage and top of the flowchart is aligned with the top of the canvas. If this would lead to empty space below the flowchart, position the flowchart in the center of the canvas instead.
• Allow zooming: Zooming the flowchart is allowed (using the mouse wheel and the zoom buttons). When not allowed, the zoom controls are not visible.
• Allow moving: Moving the flowchart in the canvas is allowed (using the mouse drag).
• Title: User defined title visible above the flowchart.
• On-screen settings: Event type and flow measure parameters can be defined as on-screen settings, similar to in charts.
• Export: The flowchart can be exported as png or svg image file.

Flowchart layout settings

Layout tab has following settings:

• Show zoom buttons: Zoom controls are shown in the right bottom corner of the flowchart.
• Background color: Background color of the chart area. The color can also contain partial transparency (alpha value) or even be fully transparent. When the chart background has transparency, the color of the dashboard background is visible behind the chart.
• Border color: Border color of the chart. Like the background, border color can also contain transparency.
• Border width: Border width of the chart in pixels. When the width is zero, border is not visible.
• Border corner roundness: Border corner roundness in pixels. Zero means sharp corners.
• Color palette: Colors for chart series come from the color palette. When in the static series mode, colors for each y-axis can be overridden in the chart settings. Like the background, the palette colors can also contain transparency.

Flowchart advanced settings

Advanced tab has following settings:

• Model: Select model that is shown by the flowchart. This model selection overrides the model selection in the main header, allowing to create dashboards showing flowcharts from several models. Note that only object-centric models are available in the list.
• Settings available in preview mode: If there is no need for a user to change the chart settings when viewing the dashboard, this option can hide the settings in the preview mode. This helps to make the dashboard cleaner looking as there is no settings button in the chart. Then changing the chart settings can only be done in the edit mode.
• Linked Settings: Same functionality for flowcharts as for Linked Settings in Charts. When referring to event measures and flow measures, use types eventtypemeasure and flowmeasure.
• Chart Settings (editable): Contain the flowchart settings in the json format. Editing the json is also possible.