# Metrics Inspector

{% hint style="info" %}
Feature must be enabled at deployment to allow using it:

* Set `telmai-ui-app-2-chart.metricsInspectorEnabled` to `true`
  {% endhint %}

### 1. Creating a Dashboard

#### Steps:

1. Navigate to the **Metrics Inspector** page.
2. Click on the **+ (Add Dashboard)** button.\
   ![](https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FZJLyeIZzX2mKkMAKnjuy%2FScreenshot%202025-03-26%20at%201.04.56%E2%80%AFPM.png?alt=media\&token=8471816e-376f-4ac4-94e9-0bd81e8a0593)
3. Enter a name for the new dashboard.
4. Optionally, add a description.
5. Click **Create** to create the dashboard.

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FF0qS1rJYTHhC3FLdCiVr%2FScreenshot%202025-03-26%20at%201.06.11%E2%80%AFPM.png?alt=media&#x26;token=b8968df5-39d4-48c0-a1b4-1662dabcb1cd" alt="" width="375"><figcaption></figcaption></figure>

**Note:** You can create multiple dashboards within a project, allowing you to organize data efficiently.

### 2. Adding Charts to a Dashboard

#### Steps:

1. Select the dashboard where you want to add charts.
2. Click on the **+ Chart** button.<br>

   <figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2F1ocYTAC8NDCbvvIBzIt0%2FScreenshot%202025-03-26%20at%203.53.18%E2%80%AFPM.png?alt=media&#x26;token=4268428d-cb9b-4ff7-843c-217ed99fa1d2" alt=""><figcaption></figcaption></figure>
3. The "New Chart Inspector" form will appear.<br>

   <figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FrKdgWuiBUjbcBJ7nGeev%2FScreenshot%202025-03-26%20at%201.14.21%E2%80%AFPM.png?alt=media&#x26;token=03cc1b73-708d-4df8-87c6-6a63fcaa549b" alt="" width="375"><figcaption></figcaption></figure>
4. Configure the data source and parameters:
   * **Name**: Provide a unique name for the chart.
   * **Source**: Select the data source for the chart.
   * **Policy**: Select policy for the chart. Based on the policy choose Dimensions/Segment/Group-By and attributes as needed.
     * Dimensions - Represent the value of \<Group-By> column name, while creating business metrics
   * **Description** (optional): Add a brief description of the chart.
   * Click **Save** to add the chart to the dashboard.

#### Example 1:

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FXu1KqPXhwdYQ24cta0Dg%2FScreenshot%202025-03-26%20at%205.45.10%E2%80%AFPM.png?alt=media&#x26;token=cc974f12-8513-4829-ad6b-e93e5961952b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FHWl8eezzNXWnX6mnq5Ln%2FScreenshot%202025-03-26%20at%205.44.27%E2%80%AFPM.png?alt=media&#x26;token=bee02f5e-76af-4b16-b673-cc9883063b7e" alt=""><figcaption></figcaption></figure>

#### Example 2:

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FlRxpga7qPrekrJkSghOO%2FScreenshot%202025-03-26%20at%201.37.04%E2%80%AFPM.png?alt=media&#x26;token=5f480148-d362-4bd9-a0aa-3a123f598075" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FhLthvSAtAPIJ04qUDXPx%2FScreenshot%202025-03-26%20at%201.38.54%E2%80%AFPM.png?alt=media&#x26;token=ecfcee08-2068-45ac-aeb1-a03d3173655c" alt="" width="563"><figcaption></figcaption></figure>

#### Example 3:

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FyrSREBVGvsZLeIKVPBbZ%2FScreenshot%202025-03-26%20at%201.42.02%E2%80%AFPM.png?alt=media&#x26;token=9656595f-b875-405d-b68e-de698005bd05" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://604868671-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkO3-a8YVu1iq1jP__S%2Fuploads%2FwAdsq1dmQwkj9T4jdbxP%2FScreenshot%202025-03-26%20at%201.44.01%E2%80%AFPM.png?alt=media&#x26;token=a33a726b-8e5c-43c7-9d2f-6c610a436a6a" alt="" width="563"><figcaption></figcaption></figure>

**Note:** You can add multiple charts within a single dashboard to provide a comprehensive view of your data.

### 3. Managing Dashboards and Charts

#### Editing or Deleting a Dashboard

1. Select the dashboard from the list.
2. Click the **Edit (Pencil Icon)** button.
   1. Modify the name or description, and Save.
3. To delete a dashboard, Click the **Delete (Trash Icon)** button, and confirm the deletion.

#### Editing or Deleting Charts

1. Select the dashboard containing the chart.
2. Locate the chart and click on the **Edit (Pencil Icon)** button to modify.
3. To delete a chart, click the **Delete (Trash Icon)** button next to it.