On This Page

Process Animation

Process Animation

Process animation brings your data to life by showing how cases move through your process over time. By watching the flow, you can immediately identify where processes slow down, accumulate, or deviate.


What Is Process Animation?

Animation visualizes each case as a dot traveling through your process diagram. The dots move according to real timestamps in your data, showing you:

  • How cases flow through different activities
  • Where cases accumulate (bottlenecks)
  • Timing patterns across the process
  • Path variations different cases take

It’s like watching a time-lapse of your entire process.


Starting the Animation

Play Controls

The animation controls are in the bottom bar of the dashboard:

ControlActionButton
PlayStart the animation▶️
PausePause at current point⏸️
StopStop and reset to beginning⏹️
TimelineDrag to jump to specific time

Keyboard shortcut: Press Space to play/pause.

Timeline

The timeline shows the date range of your data. As the animation plays, a marker moves along the timeline showing the current point in time.

  • Click anywhere on the timeline to jump to that point
  • Drag the marker to scrub through time manually

Customize the animation using the Speed menu on the right side of the screen on the settings icon (⚙️):

Animation Settings

Process animation speed menu with options for speed, show tails, start all at once, and dataset colors and export video

Speed

Adjust how fast the animation runs by selecting a speed multiplier:

SpeedUse Case
0.1xVery slow - examine individual case movements in detail
0.2xSlow - detailed analysis of flow patterns
0.5xModerate - balance between detail and overview
1xNormal speed - default playback
2xFast - quick overview of patterns
5xVery fast - rapid scanning of long time periods
10xMaximum speed - fastest overview

Use faster speeds for initial exploration, then slow down when you spot something interesting.

Show Tails

When enabled, each dot leaves a trail showing its recent path. This makes it easier to:

  • Follow individual cases through the process
  • See which paths cases are taking
  • Spot loops and rework patterns

Start All at Once

When enabled, all cases begin animating from the start simultaneously rather than appearing at their actual timestamps. This is useful for comparing case paths without time-based distribution. This mode emphasizes path variations and bottlenecks without the influence of timing. If you want to identify the fastest or slowest cases, they will be visually apparent as they move through the process at the same time but with different speeds.

Performance Tip

For large datasets, disable Show Tail if the animation feels sluggish. This reduces visual complexity and improves performance.


You can export the animation as a video for presentations or reports. Select Export Video from the Speed menu to open the export dialog.

Export Animation Video

Process animation export video dialog with options

Export Video Options

OptionDescription
Duration (seconds)Set how long the video recording should be (e.g., 10 seconds)
Show process nameToggle to display the process name in the video
Show time trackerToggle to display the current timestamp during playback

Video Format

Videos are exported in WebM format, a modern, open video format optimized for the web. WebM is an open-source, royalty-free, and highly efficient video file format sponsored by Google, designed specifically for web streaming. It provides high-quality video with small file sizes using VP8/VP9 video codecs and Opus/Vorbis audio, making it ideal for HTML5 video playback across major browsers like Chrome, Firefox, and Opera.

Recording the Animation

  1. Open the Speed menu and select Export Video
  2. Set the Duration for your recording
  3. Enable or disable Show process name and Show time tracker as needed
  4. Click Record to start capturing
  5. The recording starts from the current position and takes approximately the duration you specified

Recording Time

The recording process takes roughly the same time as the duration you set. A 10-second video takes approximately 10 seconds to record.

Screenshot Approach

For static presentations:

  1. Pause the animation at an interesting moment
  2. Take a screenshot using your system tools
  3. Annotate the screenshot to highlight key observations

Interacting with Cases

The animated dots representing cases are interactive. You can click or hover on any dot to view details about that specific case.

Viewing Case Details

When you click or hover on a dot, a tooltip appears showing:

  • Case ID - The unique identifier of the case
  • Current activity - Where the case is in the process
  • Relevant case attributes - Additional data associated with the case

This is extremely useful when you notice:

  • A case moving unusually slow through the process
  • A case moving faster than others
  • A case looping back to a previous activity
  • A case taking an unexpected path

Pause for Precision

It’s recommended to pause the animation when you want to click on a specific case. This makes it much easier to target and select the dot you’re interested in, especially in busy areas of the process.

Investigating Anomalies

  1. Watch the animation and spot an interesting case
  2. Pause the animation (click Pause)
  3. Click on the dot to see case details in the Case Explorer 

What to Look For

Bottlenecks

When dots pile up at a specific activity, that’s a bottleneck. Cases are arriving faster than they can be processed.

What it looks like: A growing cluster of dots at one activity while other parts of the process are empty.

Rework Loops

When dots travel backwards through the process, that indicates rework: cases returning to earlier steps.

What it looks like: Dots moving against the main flow direction, especially with Show Tail enabled.

Timing Patterns

Notice when cases move quickly versus slowly:

  • Fast movement: Activities with short processing times
  • Slow movement or pauses: Long wait times or processing times
  • Bursts: Periodic batch processing

Path Variations

Different cases may take different routes through your process. Animation makes this visible:

  • Main highway: Where most cases flow
  • Side roads: Less common paths
  • Unexpected detours: Deviations worth investigating

Tips for Effective Animation Analysis

  1. Start fast, then slow down - Use high speed to get an overview, then slow down when you spot patterns

  2. Use with filters - Filter to specific case types or time periods before animating to focus your analysis

  3. Pause and investigate - When you see something interesting, pause and click on the accumulated cases to investigate further

  4. Compare time periods - Use different dataset colors to compare how flow changed between periods

  5. Show stakeholders - Animation is powerful for communicating findings to non-technical audiences