---
url: 'https://docs.codatum.com/features/notebook/chart/funnel-chart.md'
description: A chart that visualizes changes in a step-by-step process
---

# Funnel Chart

Funnel Chart visualizes changes in a step-by-step process. It aggregates a **value** (metric) for each **label** (dimension) and shows the size or ratio of each step.

![Funnel](/chart-capture/funnel-funnel-light.png "Funnel"){.light-only .chart-capture}

![Funnel](/chart-capture/funnel-funnel-dark.png "Funnel"){.dark-only .chart-capture}

## Specification

### Aggregation {#aggregation}

Funnel Chart [aggregates a value (metric) for each label (dimension)](./concept/dimension-metrics#dimension-metric) and shows the result as steps.

| Item {.nowrap} | Role | Notes |
| --- | --- | --- |
| **Label** | Dimension | The name of each funnel step. |
| **Value** | Metric | Displayed as the value of each step. |

#### Examples

* Show the counts of "visit → sign-up → add to cart → purchase" as a funnel.
  * **Label**: the name of each step.
  * **Value**: sum of counts.

### Sort order {#sort}

The **sort** setting in **basic settings** controls the order.

* When the sort type is **Label**, the order isn't changed, and the ratio is calculated based on the first value.
* When the sort type is **Value** (ascending or descending), the ratio is calculated based on the maximum value.

## Tips

### Frame {#frame-feature}

Funnel Chart supports the frame feature. See [Frame](./common-settings/frame#frame-feature) for details.