DX SLA Achievement

1. Introduction

The DX SLA Achievement widget is designed to help teams monitor their service level performance by visualising how effectively they are meeting response and resolution times. This widget offers a quick and clear breakdown of whether actions were completed early, on time, or overdue, allowing users to track service quality and adherence to commitments.


2. What Does It Show?

This widget displays a horizontal bar chart showing the percentage of requests that were handled in three time categories:

  • Early: Completed before the SLA deadline

  • On Time: Completed exactly within the SLA timeframe

  • Overdue: Completed after the SLA deadline

The chart is divided into two rows:

  • Respond SLA achievement

  • Resolve SLA achievement

Each row is colour-coded (green for Early, yellow for On Time, red for Overdue) and labeled with percentage values for easy interpretation.


3. Where Does the Data Come From?

The widget supports the following data sources:

  • iviva.DX – Default internal source of DX application data

  • API – Pulls data from a configured external API

  • Iviva Service – Uses a backend service to retrieve custom data

  • Lucy – Enables data retrieval from a low-code platform

For this guide, we focus only on the iviva.DX data source configuration, as the others have been covered elsewhere.

The actual SLA status values are derived from the selected application's SLA-related metrics.


4. Data Source Component Breakdown (iviva.DX only)

This section outlines the fields visible when selecting iviva.DX as the data source:

Component 1: DX Application Select the relevant DX application (e.g., Work Request) whose SLA data should be used in the widget. This application must have SLA tracking enabled for meaningful results.


5. General Details Component Breakdown

This section configures the title shown in the widget display.

Component 1: Title Sets the title of the widget (e.g., SLA Achievement). This title appears at the top of the chart to help users identify the context of the SLA breakdown.


6. Display Options

The widget offers the following visual and functional features:

  • SLA Type Segmentation: Separates results into 'Respond' and 'Resolve' phases

  • Colour Coding: Uses intuitive colours to differentiate SLA statuses:

    • Green: Early

    • Yellow: On Time

    • Red: Overdue

  • Percentage Labels: Displays exact percentage values on each chart segment

  • Compact Layout: Designed for easy embedding in dashboards without clutter

There are no additional configurable display options in the settings panel—visuals are generated automatically from the data.


7. Dashboard Visual Breakdown

Here is how the widget appears when live on the dashboard.

Component 1: Widget Title – “SLA ACHIEVEMENT” Displayed at the top of the widget, as configured in the General Details

Component 2: Horizontal SLA Bars

  • Each row represents a phase: “Respond” and “Resolve.”

  • Each row is segmented by SLA outcome:

    • Green bar for Early (e.g., “36.36%”)

    • Yellow bar for On Time (e.g., “9.09%”)

    • Red bar for Overdue (e.g., “54.55%”)

Component 3: Legend Panel Shown at the bottom of the chart, this panel explains the meaning of each colour-coded segment:

  • 🟩 Early

  • 🟨 On Time

  • 🟥 Overdue

This visual guide ensures quick understanding of SLA performance across key service stages.

Last updated