# Activity Scorecard

## Overview

The Activity Scorecard tutorial is a guide designed to help end-users keep track of their progress and monitor their activities over a specific time. The tutorial focuses on creating an activity scorecard using the [Avonni Header](/flow/flow-components/header.md), [Metrics](/flow/flow-components/metric.md), and [Progress Indicator](/flow/flow-components/progress-indicator.md) components.

### **Key Components**

The tutorial covers several Avonni Components, including the metric and progress indicator components. These components are essential in compiling and summarizing data to create a compelling and user-friendly activity scorecard.

### **Step-by-Step Guide**

The tutorial is structured in a step-by-step format, making it easy for Salesforce Admins to follow and understand. It walks through creating an activity scorecard, providing clear instructions and tutorials.

<figure><img src="/files/bwFSQvclJ2rQq6RoUHf3" alt=""><figcaption><p>Flow Builder preview of the Activity Scorecard component.</p></figcaption></figure>

## Result

<figure><img src="/files/akCrADbI9hXbRZ49I7g1" alt=""><figcaption></figcaption></figure>

## Steps

### Add Get Records element

{% @arcade/embed flowId="jVuO9NZW7HtjYzf9VMmT" url="<https://app.arcade.software/share/jVuO9NZW7HtjYzf9VMmT>" %}

### Add Apex Action element

Here, we will use the Avonni Flow Actions SObject Collection Math to compile data and perform calculations, which will feed the calculated data into the metric and progress indicator components.

For example, the progress indicator component displays progress toward the number of completed calls. Compiling and processing data using the Collection Math flow action can feed it into the progress indicator, providing a visual representation of progress toward that goal.<br>

### Create the Screen element

<figure><img src="/files/NNredNC1sJ9epFF0s6Kj" alt=""><figcaption><p>Overview of the Activity Scorecard screen flow</p></figcaption></figure>

#### Adding the Avonni Header

<figure><img src="/files/B6E8NG2oiRuxwrau8BxM" alt=""><figcaption></figcaption></figure>

#### Adding Avonni Metrics

#### Add Avonni Progress Bar Components

<figure><img src="/files/V9sDUFAZxI3n9uta6Lpn" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Having trouble with this tutorial**? [Contact Avonni support for help](/flow/help/support-and-troubleshooting.md).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/flow/tutorials/projects/activity-scorecard.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.