> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dune.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Counters

> Display a single key metric prominently using counter visualizations.

## Counters

Counters are a great way to provide your audience with immediate "on a glance" stats.

<img src="https://mintcdn.com/dune/us8IQgUYZXYXIHgq/web-app/images/counters-display.png?fit=max&auto=format&n=us8IQgUYZXYXIHgq&q=85&s=e573241554049dbf8d35ddfd15dbb81b" alt="&#x22;on a glance&#x22; stats" width="2358" height="692" data-path="web-app/images/counters-display.png" />

### Configuring your Counter

<img src="https://mintcdn.com/dune/us8IQgUYZXYXIHgq/web-app/images/counter-customization.png?fit=max&auto=format&n=us8IQgUYZXYXIHgq&q=85&s=a330ce7e8aa63a12ae28529c283651aa" alt="Counter configuration" width="1778" height="686" data-path="web-app/images/counter-customization.png" />

#### Counter options

In this section you can define what kind of data the counter should display:

<Accordion title="Display Title" icon="title">
  * The Title will appear in all instances of this graph prominently at the top.
  * If left blank, the Query name will be the only thing that is left standing.
</Accordion>

<Accordion title="Column Selection" icon="column">
  * In this field, you can define which column the counter should show.
</Accordion>

<Accordion title="Row Selection" icon="row">
  * This field can be used to define which row of the underlying data table you want displayed, e.g., row 1.
  * Usually, this requires you to sort or limit your Query results in order for row 1 to show the wanted results.
</Accordion>

#### Formatting

This section is where you can adjust how your numerical data is displayed.

<Accordion title="Prefix Setting" icon="prefix">
  * This field allows you to define a prefix for your counter value.
  * e.g.: `$`, `€`, `Ξ`, `฿`
</Accordion>

<Accordion title="Suffix Setting" icon="suffix">
  * This field allows you to define a suffix for your counter value.
</Accordion>

<Accordion title="Label Setting" icon="label">
  * This field allows you to define a label for your counter value.
  * The label will appear beneath the counter value as text.
</Accordion>

<Accordion title="Decimal Setting" icon="decimal">
  * In this field, you can choose how many decimals you want displayed for your counter.
</Accordion>

<img src="https://mintcdn.com/dune/6vWXO_JiAjw4C8nz/web-app/images/other-visualizations/counters-label-1.png?fit=max&auto=format&n=6vWXO_JiAjw4C8nz&q=85&s=68046300b763e61e231faab3ca03be10" alt="label" width="760" height="245" data-path="web-app/images/other-visualizations/counters-label-1.png" />
