> For the complete documentation index, see [llms.txt](https://docs.infotopics.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.infotopics.com/supertables/guides/how-to-create-a-sparkline.md).

# How to create a Sparkline

#### Step 1: Open Configuration&#x20;

{% tabs %}
{% tab title="Dashboard extension" %}
Click on the container that has SuperTables running. This will display an arrow that you can click to open a menu. Upon opening the menu, click the 'Configure...' option to open the configuration panel for SuperTables.

<figure><img src="https://content.gitbook.com/content/e2zyseN6XFBaLs6YTcnd/blobs/JzxeG4VLn2zclaR8qB75/Screenshot%202024-07-26%20at%2010.19.27.png" alt=""><figcaption><p>Opening configuration panel in Dashboard </p></figcaption></figure>
{% endtab %}

{% tab title="Viz extension" %}
To open the configuration panel, simply click 'Format extension' in the Marks pane.

<figure><img src="https://1304574535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2zyseN6XFBaLs6YTcnd%2Fuploads%2Fw5utOJdGi7lwy7cAHLRy%2Fimage.png?alt=media&amp;token=e238d541-06e2-4d82-aa4e-a08e2c7d4bbf" alt="" width="247"><figcaption><p>Opening the configuration panel in Viz extensions</p></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Step 2: Navigate to the Data tab

<figure><img src="https://content.gitbook.com/content/e2zyseN6XFBaLs6YTcnd/blobs/pHEx6g6km0B2CWfcNBoK/Screenshot%202024-07-26%20at%2010.54.43.png" alt=""><figcaption><p>Data Tab</p></figcaption></figure>

#### Step 3: Creating a Sparkline

Expand the '**Sparklines**' panel and click on "Make a sparkline" to open the Sparkline configuration panel.

<figure><img src="https://1304574535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2zyseN6XFBaLs6YTcnd%2Fuploads%2FpUr9DBknCAvfA5gAyw7U%2Fimage.png?alt=media&amp;token=c5120c2b-e9c9-451e-8ef1-72f689b8c68b" alt=""><figcaption><p>Create a Sparkline</p></figcaption></figure>

#### Step 4: Configuring the Sparkline

To configure a Sparkline, give it a suitable display name then select the type of Sparkline you want to display in the cell, the aggregation type you want to aggregate the measure value by, the x-axis and the y-axis.

<figure><img src="https://1304574535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2zyseN6XFBaLs6YTcnd%2Fuploads%2Fj0T7AqbbN434T3qgCJqu%2Fimage.png?alt=media&amp;token=684a08c5-7b61-4ff2-a4b2-70b3972674b5" alt=""><figcaption><p>Configuring a Sparkline</p></figcaption></figure>

If you choose a field of type to be one of the axis then a Date Filter panel will be displayed:

<figure><img src="https://1304574535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2zyseN6XFBaLs6YTcnd%2Fuploads%2FMxdDmPFhj2el27sUdRn8%2Fimage.png?alt=media&amp;token=4ac0b8f4-1354-4ea9-a0db-73c59b382949" alt=""><figcaption><p>Date filter panel</p></figcaption></figure>

**Note: When you choose a field of type Date on one of the axis it is recommended to use the Date Filter  function. The guide about Date Filtering can be found in** [Sparkline Date Filtering](/supertables/configuration/configuration-screen/data-tab/sparklines-pane/sparkline-date-filtering.md)

#### Step 5: Click 'Apply' to save and create the Sparkline

<figure><img src="https://1304574535-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2zyseN6XFBaLs6YTcnd%2Fuploads%2FqiOknOAxDHLjGNF0fnYb%2Fimage.png?alt=media&amp;token=3cc9a5f3-b9cb-4812-8bc6-455e6d3d3cca" alt=""><figcaption><p>Displaying the Sparkline</p></figcaption></figure>

**Note: The Sparkline will only be rendered when a different field is added to the row group. It will not render when grouping is done using one of the fields already configured for the Y or X axis.**

### General tips

* When using a Sparkline it is recommended to increase the **Row height** to clearly display the Sparkline as shown in the screenshot in [#step-5-click-apply-to-save-and-create-the-sparkline](#step-5-click-apply-to-save-and-create-the-sparkline "mention")
* When using a field of type Date, it is recommended to enable the Date filter configurator to configure what dates can be used in the axis. This results in the Sparkline looking neater especially when using the Line and Area Sparkline types.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.infotopics.com/supertables/guides/how-to-create-a-sparkline.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
