# Scorecard

They are similar to the Data Grid, where data can be displayed in the hierarchical format, and alerts can be set.

## **Best Situation to use Scorecard**

* When end-users need to view data in numerical format
* When alerts need to be shown.
* When need to display hierarchies in data.

### **Variations**

**Compare**: A ‘Compare Value’ must be given by the user. Alerts are then triggered depending on it the data in the data set is greater, equal, or less than the compare value. (Ex. <50% = Red, 50%= Yellow, >50%= Green)

**Range:** Alerts can be configured to trigger based on range value(s), (Ex. 0-40%, =Red,

## **Default Scorecard Chart Image**

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F6EGNwKqBd1KZr9Zytr8k%2Fscorecard_default.png?alt=media&#x26;token=0ef958a0-080b-401c-80f4-f202437479cc" alt=""><figcaption></figcaption></figure>

## **Properties of the Scorecard Grid chart**

### **General**

The user can change the height, width, top, and left values. If initial visibility is not enabled, then the chart won’t be available for the first preview. If the Max button is not enabled, then the user can’t maximize the individual chart. Hierarchy can be changed between Multiple and Single.

### **Background**

The user can change the background color of the chart, can get the border for the chart and can change the border color, can get the reflection of the chart by enabling the shadow option can also change the color and increase & decrease the transparency of the shadow.

![](https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/4BU6znXm0aqIyZW0dzkH/image.png)

### **Row Style**

The user can change the Font color-size-weight-family of the text inside the row. Row height can also be adjusted. Under text decoration, we can provide an underline to the text.

![](https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/DeKJtazfgoBKl2PADfoK/image.png)

### **Styles**

The user can change Roll Over Color, Selection Color, etc. If Horizontal Gridlines between the rows are needed, we can enable them and give color. Also, Vertical grid line color can also be changed. Under the Grid Color, we can change the row color and alternate row color.

![](https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/J7TPRStvx80NQIkLPWSF/image.png)

### **Title**

The user can change Title Name, Font color, size, style, etc.

![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fag4ZwEfuSfbrxuCNoOkd%2Ftitle.png?alt=media\&token=dcc8638b-b04a-4ad1-88ff-20cd810c2ab3)

### **Subtitle**

The user can enable the subtitle to display the second title. The user can change the Name, Font color, size, style for the subtitle.

### **Header Style**

The user can change the Header Text Color, font size-style-weight-family, etc. Either the user can give a background color or we can go for Use Field Colour option and set those colors in the dataset section.

<div align="left"><figure><img src="https://4050469960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnyOeUTaPuBluyvesHVm9%2Fuploads%2FiHuWXDT45xg9AyAx5gZm%2Fimage.png?alt=media&#x26;token=19eac039-5641-4406-aeaf-46afb51684e8" alt=""><figcaption></figcaption></figure></div>

### **Row Style**

The user can change the Font color-size-weight-family of the text inside the row. Row height can also be adjusted. Under text decoration, we can provide an underline to the text.

![](https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/DeKJtazfgoBKl2PADfoK/image.png)

### **Styles**

The user can change Roll Over Color, Selection Color, etc. If Horizontal Gridlines between the rows are needed, we can enable them and give color. Also, Vertical grid line color can also be changed. Under the Grid Color, we can change the row color and alternate row color.

![](https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/J7TPRStvx80NQIkLPWSF/image.png)

### **Export Options**

The user can enable the ‘Enable Context Menu’ to download the reports in different formats if we click on the chart from the preview section. The heading and sub-heading of that downloaded chart and the name of the downloaded file can be changed from this section.

## **Property Tab for Dataset Properties Pallet**

<img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FuK5mMeaQrpXZf8UKesEL%2Fscorecard_connection1.png?alt=media&#x26;token=0daa2995-b5d4-45d1-9427-9cd2cb597d7b" alt="" data-size="original"><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FgwGWxDfTqCjGCDUcL2k9%2Fscorecard_connection2.png?alt=media&#x26;token=c1caf78f-b70f-4fbb-bd41-c6f3169a1c9b" alt="" data-size="original">![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FGhbe7iZBkSLuTwwnYudY%2Fscorecard_connection3.png?alt=media\&token=62c0ccba-e730-48fa-be3e-ffd12d9a2eda)![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FCRK36tCna7JFDxmNe1HA%2Fscorecard_connection4.png?alt=media\&token=b034ffad-5628-4fd6-a6ab-6565db68d467)![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FrISZx5S7Eh6exbGAq6Hj%2Fscorecard_connection5.png?alt=media\&token=a38a2d0f-d1e4-4224-85f5-d3c795066c09)

## **Scorecard grid variants after changing its properties:**

<figure><img src="https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/m4pTujEbooHlB00XRzHO/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*&#x20;

* *The user needs to select the **Column Type** as **Numeric** for the selected Data Grid fields using the **Properties** tab provided for the Dataset, so they become responsive to the changes that the user set using the **Indicator** tab.*

&#x20;     ![](https://content.gitbook.com/content/nyOeUTaPuBluyvesHVm9/blobs/3YVrqgEbzu9CLT8eQRmg/image.png)

* *Refer the* [***Alerts in Grids***](https://docs.bdb.ai/governed-dashboards/configurations/alerts-in-grids) *page provided under* [***Configurations***](https://docs.bdb.ai/governed-dashboards/configurations) *section to understand how to insert Alerts in a Grid component.*
  {% 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.bdb.ai/governed-dashboards-5/charts-gallery/grids/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.