Widget types
Widgets are graphs, charts, and other types of diagrams which visualize data and together make up an Analytics dashboard. You can use them to present, compare, filter, and analyze your process data. Learn about the widgets types, how they work, and how to use them.
You can use the following widgets in IBM Process Mining:
Process widgets
Case KPI summary
The Case KPI summary widget shows the number of cases that satisfies the specified KPIs thresholds and the corresponding average lead time.
You can select a threshold and create a dashboard filter with the relevant cases. To do so, click on one of the colors in the circle, and click Filter by selection.
Case variants
The widget returns the first 100 case variants. You can view the following information for each variant:
- Frequency
- Number of steps
- Average lead time
- First time the variant appeared in the event log
- Last time the variant appeared in the event log
- Average variant cost
- Total variant cost
The Case variant widget is compatible with the Process model widget. When you select a variant in the Case variant widget, the Process model widget gets updated.
You can also select multiple variants and compare them in the Process model widget. To apply the selected variants as a filter for the whole dashboard, click Filter by selection.
Lead time distribution
The Lead time distribution widget displays the lead time distribution of cases. It is particularly useful for identifying outliers. For example, a column can indicate that 317 cases are executed within 9d 23h and 19d 22h.
You can select a specific range by dragging the sliding scale below the graph. To apply the selected range as a filter for the whole dashboard, click Filter by selection.
Process model
A process model widget shows a simple view of the steps in your process.
- Analyze the process
- Look at the activity boxes, the transition lines, and the numbers on them to see what the process looks like. Select the view you want to focus on: frequency, rework, duration, cost, overall cost, or automated instance ratio. Click on any activity to see its detailed statistics.
- Compare different aspects of the process
- Add multiple Process model widgets in the same dashboard. Then, from the menu, select different views on different widgets: frequency, rework, duration, cost, overall cost, or automated instance ratio. Look at the activity boxes, the transition lines, and the numbers on them to see what the process looks like. For example, you can select Duration (Median) on one widget, and Duration (Average) on the second widget.
- Compare variants
- Add multiple Process model widgets in the same dashboard. Then, click the Select
variants button and select different variants in different widgets.
Alternatively, you can select variants in the Case Variants widget, and they will automatically be displayed on the Process model widget. The Process model widgets are compatible with the Case Variants widgets.
Additionally, you can activate the Analyze Variant toggle to compare more than one variant. Each variant is highlighted in a different color so that you can visually compare them.
- Analyze KPIs
- Activate the KPI toggle to see if the process aligns with the KPIs. The green, yellow, and red colors show how much an activity is aligned. You can set the KPis in the Data & Settings tab of your process. For more information, see KPI benchmarks.
- Filter all widgets by including cases with a specific activity
- Click on any activity and click Include cases with this activity.
- Filer all widgets by including cases with a specific sequence
- Click on a transition line and click Include cases that follow this sequence.
Multi-Process model
The widget presents the model of your entire multiprocess project. You can configure the model by
choosing different model views (frequency, rework, duration, cost, overall cost, or automated
instance ratio) from the drop down list. For more information about how to read the elements of a
process model, see Process
model. 
Social network
The social network widget helps you visualize the interactions between the resources and the role of each resource per activity.
In the social network widget, each user circle represents a resource and each line connects resources that perform the same activity. The legend shows information about the roles of the resources. When you hover on any user circle, you can see all the interactions of that resource. The size of the user circle indicates the number of interactions that are performed by a resource. The circle is bigger when the interactions between the resources are frequent and smaller when the interactions between the resources are rare.
Charts widgets
Charts are configurable widgets that can be used to visually display data form the event log and object tables.
Elastic
Elastic widgets allow you to visualize your data graphically. You can create multiple widgets
from a single set of data. You can create tables and present them as charts without using
HTML or JavaScript.
You can use the following chart types:
- Table
- Line
- Area
- Bar
- Row
- Stack
- Bubble
- Scatter
- Pie
- Custom
You can configure the widget by defining measures and dimensions. You can also use the advanced chart configuration mode to configure the widget in code. You can also use the Style tab in the widget settings to further define your custom configurations, like change the colors, visual mapping, filtered data, and custom chart axes. For more information, see Configuring widgets and Advanced edit mode.
Creating elastic widgets with Apache ECharts
In your dashboard, you can include custom elastic widgets from Apache ECharts library. For more information, see Apache ECharts.
To create a custom widget with Apache ECharts, do the following steps:
- On your dashboard, go to Add widget > Charts > Elastic.
- On the widget, click Edit configuration >Style.
- From the Render widget as list, select Custom.
- In the Apache ECharts library, choose a chart and copy its the JavaScript code.
- Paste the code into the elastic widget configuration window.
- Optional: To use query data in your widget, use the
elasticArgsvariable. You can test it in your browser console by removing the comment symbols from theconsole.log(elasticArgs);command. - Click Apply.
Matrix
The matrix widget displays selected data in a matrix table. To use this widget, you need to
choose two dimensions in the widget configuration. 
Matrix chart
In a matrix chart, you can compare the selected measures on different dimensions. To use this widget, you need to choose two dimensions in the widget configuration. The second dimension cannot have more that two values.
This widget can be used to evaluate the benefits of automation for each activity.
Table
The table widget displays a tabular representation of the selected data. To use this widget, you
need to choose two dimensions in the widget configuration. 
Card widgets
Cards are configurable widgets that can be used to display numeral data.
Annotation
The annotation widget can be used to implement comments and notes in the HTML
format. 
Card
The card widget displays indicators.
To ensure a fast comparison between overall and filtered information, insert two cards that use
the same indicators. In the overall card, disable the option Apply dashboard filters. 
Filters
The filters widget lists all of the filters that are applied to the dashboard and the project, as well as the templates that the user can apply. Use the Manage filters button to edit and apply your filters.
- Save user filters as templates
- Delete user filters
- Edit dashboard filters
- Apply filter templates
For more information on creating a filter and filter templates, see Filters.