# Score Card

## Purpose & Application

This graph offers the ability of illustrating dozens of indicators that have little to no direct correlation amongst each other.

> 📝 For example, I’d like an overview of my company’s KPIs

The theory stipulates that this chart be used as a last resort only.

To dataviz purists, this chart does not actually bring true value in terms of reading. So, this chart should be used to present data of different values and units.

## Key features

What makes this chart a killer story?

* **Display all kind of data**, from number to dates or text… 🗓️ More, you can display non-correlated indicators on the same chart (value type, units and precision can be different for each indicators)
* **Organize** the different indicators you are displaying to highlight or group some kpis as an entity.
* **Sparklines** are the variation end-game boss ⚔️. It allows you to show your user a X years / months / whatever evolution as a sparkline on the right side of each label.

## Configuration

<mark style="color:red;">**\***</mark>**Mandatory parameters**

<table><thead><tr><th width="145.33333333333331">Section</th><th>Option</th><th>Configuration tutorial</th></tr></thead><tbody><tr><td></td><td>Dataset<mark style="color:red;"><strong>*</strong></mark></td><td>Select the dataset used by the chart</td></tr><tr><td></td><td>Label<mark style="color:red;"><strong>*</strong></mark></td><td><p>This will define the name of each of the bars you want to display.</p><p>Select the column containing bar label</p></td></tr><tr><td></td><td>Value<mark style="color:red;"><strong>*</strong></mark></td><td>Select the column containing the value</td></tr><tr><td>Sort</td><td>Labels Order</td><td>Allow to sort labels based on a column</td></tr><tr><td>Variation</td><td>Variation</td><td>Display a variation badge next to the value based on a column containing the variations</td></tr><tr><td>Variation</td><td>Variation legend</td><td>Display a legend for your variation</td></tr><tr><td>Packs</td><td>Packs</td><td>Group labels together based on a column</td></tr><tr><td>Packs</td><td>Packs order</td><td>Order pack based on a column, on an advanced order or a custom order</td></tr><tr><td>Packs</td><td>Hide pack labels</td><td>Hide packs labels</td></tr><tr><td>Enrich chart</td><td>Sparklines</td><td>See the Sparklines section</td></tr><tr><td>Display</td><td>Size</td><td>Define the chart size when having multiple ones</td></tr><tr><td>Display</td><td>Mobile Size</td><td>Define the chart size when having multiple ones on mobile</td></tr><tr><td>Display</td><td>Custom CSS Class</td><td>Set a custom CSS class to target this specific chart with CSS</td></tr><tr><td>Tutorial</td><td>ID</td><td><p>Enter an ID.</p><p>Change the ID to display the tutorial again.</p><p>All tutorials with the same ID will be displayed only once</p></td></tr><tr><td>Tutorial</td><td>Message</td><td>Enter your message | This will be displayed to your users</td></tr><tr><td>Tutorial</td><td>Always show this tutorial</td><td>By default the tutorial is shown once only</td></tr></tbody></table>


---

# 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-v3.toucantoco.com/visualizations-and-layouts/creating-visualizations/viz-gallery/legacy-viz-designs/score-card.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.