# Liquid Gauge

The Liquid Gauge in the KPI tool offers a dynamic and visually engaging way to represent progress, capacity, or performance levels using fluid-like motion. This highly customizable chart helps users effectively showcase key metrics with an intuitive and modern design. Below is a detailed guide to its features and settings.

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2Fz3nCLgrrAS29oECe96xN%2Fchrome_uFbqghOZAm.png?alt=media&#x26;token=5c30ee99-b26a-42da-9843-c51cf048f193" alt="" width="330"><figcaption></figcaption></figure>

Here's a quick guide to create Liquid Gauge in KPI:

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2Fh9j5d4WjyFaGK85CzVBe%2FPBIDesktop_YCvoN8CF55.gif?alt=media&#x26;token=aeca86f1-6fe2-431a-a5c9-abdb0e6b8d01" alt=""><figcaption><p>Adding Liquid gauge in KPI by Powerviz</p></figcaption></figure>

## Data Tab

**Gauge Value**

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FLaXJNWtP6zDoYLDCLVip%2Fimage.png?alt=media&#x26;token=22a15831-b09d-44c8-92e7-50649e2e7b40" alt="" width="335"><figcaption></figcaption></figure>

* **Actual/Target Mode**: Use this mode to display the gauge based on actual and target values, providing a clear comparison.
* **Gauge Value Mode**: Use this mode to input percentage values directly for display.

**Actual**

* Select a value field to represent the actual value in the gauge.

**Target**

* **From Data**: Select a field from your dataset to define the target value.
* **Fixed**: Enter a constant value to serve as the target.
* **Target Field** (Only available in the *From Data* method): Specify the field representing the target value when using the *From Data* option.

***

## Gauge Tab

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FCgjPrU4W5ByBwHlqAp1H%2Fimage.png?alt=media&#x26;token=ff37b121-5bec-4c5b-b33c-9402d247b6fb" alt="" width="309"><figcaption></figcaption></figure>

**Gauge Color with** [**Conditional Formatting**](https://docs.powerviz.ai/powerviz/kpi/edit-mode-introduction/kpi-charts/conditional-formatting)

* Set the primary color for the gauge and apply dynamic conditional formatting to make the gauge responsive to your data.

**Animation Checkbox**

* Enable or disable the wave animation to create a liquid effect on the gauge.

**Center Content**

* **Toggle On/Off**: Show or hide the center content in the gauge.
* **Center Content Color**: Set the text color for the center content.
* **Center Content Fill Color**: Define the color that appears as the gauge fills up.

**Font Family**

* Choose the font style for the center content text to match your report's design.

**Auto Font Size Toggle (On/Off)**

* Enable or disable automatic adjustment of the font size for center content based on the gauge's dimensions.

***

## General tab

<figure><img src="https://2952853741-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FL502qSSR9Gd1FbZtxvCe%2Fuploads%2FtOb85CrT9d1uR19Ns5vN%2Fimage.png?alt=media&#x26;token=bcfb09d3-261b-43fc-a8fa-a5aa83059459" alt="" width="308"><figcaption></figcaption></figure>

This is common tab for all visuals click [here ](https://docs.powerviz.ai/powerviz/kpi/edit-mode-introduction/kpi-charts/general-tab)to explore settings. You can adjust visual properties, manage formatting options, and fine-tune various features to align with your requirements. Make sure to explore each section for a complete configuration.