Process Charts

Charts

ProcessMind offers a robust set of chart options for visualizing and analyzing data. These charts enable you to gain insights quickly, identify trends, and make data-driven decisions. Below are the chart types currently supported and the customization options available.

Choosing the Right Chart Type

• Bar Charts
  Use to compare categories or groups side by side, such as activity counts, durations, or throughput times. Best for showing discrete data comparisons.

• Column Charts
  Ideal for visualizing trends over time or comparing metrics across categories vertically. Works well for time-based data or frequency distributions.

• Line Charts
  Use for showing trends, progressions, or changes over time, such as case throughput over days or weeks. Great for continuous data.

• Area Charts
  Similar to line charts but with the area below the line filled in. Use to emphasize the magnitude of change over time or the cumulative effect of trends.

• Pie Charts
  Use for displaying proportions or percentages of a whole, such as activity types within a process or case distribution.

• Donut Charts
  A variation of pie charts, with a central space for additional information. Ideal for highlighting proportions while providing context in the center.

• Radial Bar Charts
  Best for visually appealing representations of grouped or categorized data in a circular format. Useful for comparing datasets while saving space.

• Gauge Charts
  Use for displaying progress toward a goal or KPI. Ideal for showing performance metrics at a glance or showing the number of cases in comparison with the total number of cases.

• Text Charts
  Use for displaying key statistics, metrics, or highlights in a textual format. Ideal for summarizing numbers or KPIs alongside visual charts. Text Charts can also be used to provide additional context or explanations for the data being presented since it is supporting markdown notation to enrich it with font changes like bold, italic but also support for tables, images and more. For more information, see our documentation about Markdown . You can also mix text with expressions  from the metrics and calculations to support dynamic content generation.

• HTML Frames
  Use for embedding external or dynamic content within your dashboard, such as custom charts, reports, or additional visualizations not natively supported.

Pre-Fixed Charts

These are Data-level charts that are preset and available for use in ProcessMind. These include

• Cases prefixed charts
• Events prefixed charts
• Sustainability metrics charts

These charts can be attached to attributes from a single dataset or multiple datasets, as long as they share a common element.

Chart Customization Options

Each chart in ProcessMind can be customized with the following options:

General

• Title of the Chart:
  Set a custom title for the chart. If not specified, the chart will default to the name of the attached attribute.

• Chart Type:
  Easily switch the current chart type to another supported type.

• Column Attribute: (not available for: Gauge Charts, Text Charts, HTML Frames).
  Select the attribute represented in the chart. These attributes are color-coded based on the dataset, making it easy to identify specific elements.

• Text: (only available for: Text Charts).
  In this input attribute you can specify rich text using markdown notation to format the content. This allows you to create headings, lists, bold or italic text, and more. For more information, see our documentation about Markdown . You can also mix text with expressions  from the metrics and calculations to support dynamic content generation.

• HTML: (only available for: HTML Charts).
  Embed custom HTML content within the chart container. This allows for greater flexibility in displaying information and integrating external content. A default HTML template is given to address how to deal with DARK and LIGHT mode themes inside the HTML frame. You can also use the expressions and elements used in the Text section like ${metric} or ${total - metric}.

Metric

Explanation of each metric is explained in our Metric Documentation:

• Norms Settings:

You can define custom norm ranges for your gauge charts to signal for instance “good,” “caution,” and “warning” zones. Open the Norm Settings panel to add or edit these ranges. (You can add as many norms as you like)

Steps to configure norms

• Add a new norm Click the + Add button to create a new row for a norm band.
• Name Enter a descriptive name for the norm (e.g. Low, Medium, High). Names help you identify each band in the editor.

Start / Stop

• Start: Set the lower boundary for the band. Leave this blank and choose Minimum from the adjacent drop‑down if it should begin at the lowest possible value.
• Stop: Set the upper boundary. Leave it blank and choose Maximum if the band should extend to the maximum possible value. Options

Next to each boundary is a drop‑down (Option) that defines how the boundary is treated. For example:

• Minimum/Maximum — ties the band to the overall chart’s min or max.
• Normal — uses the numeric value you entered and includes it in the band.

Color Click the coloured swatch to pick the band’s colour. Use contrasting colours for different ranges (e.g. green for low, orange for medium, red for high). If the colors are not represented to your needs they can be changed in the theme configuration under Chart colors.

• Fill Toggle Fill on or off to choose whether the band appears as a background to the chart (Fill) or just a represented line. This applies only for bar charts and column charts.
• Delete Use the trash‑can icon to remove a norm band.

⸻

How norms appear on charts. (Example: the gauge)

Once you apply norms, the gauge for examples is segmented into colour‑coded arcs. The current value is shown with a pointer and numerically in the centre. In the example below, the gauge is configured with three norms:

• Low: minimum up to 100 (green)
• Medium: 100–110 (orange)
• High: 110 to maximum (red)

With a value of 87 out of 120, the pointer falls in the green band, indicating the value is within the “low” range. This will also color the indicator bar represented to the range it is in.

Setting norms this way gives viewers immediate visual feedback about whether a metric is within acceptable limits, approaching a threshold, or outside a safe range.

Filters & Sorting

• Chart Filters:
  Apply filters to the chart data to focus on specific subsets of information. All filters that are available in the filter section of the dashboard can be applied to the chart. These filters will be added on top of the already set filters unless you set the Apply Filters to off. In that case the filters will remain static on that chart only.

• Filter Data:
  Apply filters for Open, Closed, or All Cases.

• Sorting By:
  Choose the sorting order (Auto, Ascending, Descending, etc.).

• Show Top X Items:
  Limit the number of data points represented in the chart to a specified maximum.

• Apply General Filters:
  Decide if global filters should apply to this chart.

• App Time Filters:
  Specify whether time filters should be applied to the chart.

Labels

• Show Data Labels:
  Toggle on/off to display labels on top of chart points.
• Show X-Axis Labels:
  Enable or disable X-axis labels and customize them.
• Show Y-Axis Labels:
  Enable or disable Y-axis labels and customize them.
• Legend Location:
  Set the legend position (Top, Bottom, Left, Right).

Style

• Fill Style Coloring:
  Customize the chart’s appearance using different fill styles:
  • Gradient: Apply a gradient effect to the chart.
  • Solid: Use a flat color based on the dataset.
  • Monochrome: Use a single color from the dataset.
  • Monochrome Gradient: Use a single color from the dataset and applying a gradient.

By leveraging these chart types and customization options, ProcessMind allows you to create highly tailored visualizations that match your specific analysis needs and provide clear, actionable insights.