---
title: "Signal Indicator"
description: "A dynamic single-value indicator component that displays an icon whose color and animation change based on value thresholds."
group: Charts
tags: [Visualization, Indicator, KPI, Signal, Icon]
---

import { Aside, Steps } from '@astrojs/starlight/components';

# Signal Indicator

The **Signal Indicator** is a single-value visualization that displays a dynamic icon and label, styled according to defined value thresholds (steps).  
You can configure icons, colors, animations, and actions on interaction to visually represent key metrics.

**Use cases:**
- Monitoring **KPI thresholds**.
- Highlighting **real-time alerts or statuses**.
- Showing simple **traffic-light or health signals**.
- Minimalistic **scorecards**.

<Aside>
Use **Signal Indicators** when you want to quickly communicate status based on numeric thresholds, with optional animation and labels.
</Aside>

---

## ⚙️ Setup

<Steps>
1. Drag the **Signal Indicator** widget from the chart library onto your designer workspace.
2. Select the chart.
3. Go to the [Widget Configuration](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/) tab in the Configuration panel.
4. Under the Configuration panel tab, select the [Basic Configuration](/insights-v8/guide-to-infoboard-designer/customize-panel/configure/#basic) option to access essential settings for the Signal Indicator.
5. Select the [Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources) from which the chart will fetch its data.
6. Map:
   - **[Measure](/studio-v8/datasources/measures-dimensions-and-hierarchies/)** — Numeric value that determines the signal’s display.
</Steps>

---

## 📊 Basic Configuration

| Configuration Item   | Description |
|:---------------------|:-------------|
| **[Source](/insights-v8/guide-to-infoboard-designer/customize-panel/setup/#sources)**        | The data source to query for the measure value. |
| **[Measure](/studio-v8/datasources/measures-dimensions-and-hierarchies/)**   | Numeric value that drives the icon color, animation, and label. |

---

## 🎨 Chart Customizations

| Category                     | Options & Description |
|:----------------------------|:-----------------------------------------------------------|
| **[General](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#general)** | Theme, background, border, and interactivity options. |
| **[Title](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#title)** | Chart title, font, alignment, and visibility settings. |
| **[Signal](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#signal)** | Define value ranges (steps), colors, icons, icon rotation, scale, animations for values in/out of range, and the value label template. |
| **[Tooltip](/insights-v8/guide-to-infoboard-designer/customize-panel/customization-tab/#tooltip)** | Customize on-hover text and styling. |
| **Action** | Set up actions to trigger when clicking the indicator (drilldowns, navigation, API calls, etc.). |

---

## 📊 Example Visualization

![signal indicator](/images/Insights/Infoboards/Infoboard-Designer/Chart-Library/signal-indicator.png)