# Inverted Funnel

An **Inverted Funnel Chart** is a variation of the funnel chart where the funnel is flipped upside down—**wide at the bottom and narrow at the top**. This inversion provides an alternate view of hierarchical or progressive structures.

Instead of visualizing data reduction across stages (as in a standard funnel), the inverted funnel chart is often used to represent **classification structures, organizational hierarchies, or distribution processes** (e.g., funds, salaries, or profits).

This chart is particularly useful when you want to **emphasize the hierarchical buildup of values** rather than their reduction.

***

### Best Situations to Use

Use an inverted funnel chart when:

* Displaying a **hierarchical pattern** where lower levels feed into higher levels.
* Showing the **distribution of resources** (funds, salaries, profits, etc.) across categories.
* Representing **organizational or administrative structures** in a top-down fashion.

**Examples:**

* Categorizing the **administrative structure** in an organization.
* Showing the **distribution of budget allocations** across departments.
* Visualizing **salary band distribution** across job levels.

***

### Variations

Inverted funnel charts support multiple display styles:

* **Inverted Chart** – Default inverted funnel structure.
* **Identical Stack Chart** – All stages are displayed with equal height while maintaining inverted orientation.

***

### Properties

#### General

* **Component Name** – Auto-generated unique identifier.
* **Position (Left, Top)** – Placement coordinates on the canvas.
* **Height / Width** – Define chart dimensions.
* **Initial Visibility** – Show/hide chart on load.
* **Max Button** – Enable maximize option.
* **Chart Type** – Set chart layout to *Inverted* or *Identical Stack*.
* **Show Percentage** – Display percentage contribution of each stage.
* **Series Colors** – Customize stage colors.

#### Tooltip

* Enable/disable tooltips for additional insights.
* Customize background color, opacity, border color, font size, and width.
* Configure precision for numerical values.
* Enable **highlighter mode** to emphasize hovered stages.

#### Background & Styling

* Gradient rotation, opacity, and color customization.
* Borders (color, width, radius).
* Shadows with configurable color and transparency.

#### Title & Subtitle

* Show/hide title and subtitle.
* Customize text (color, font size, style, weight, alignment, decoration).
* Option to pull title dynamically from dataset fields.

#### Legend

* Show/hide legend.
* Customize font (color, size, weight, decoration).
* Option to hide legend on load.

#### Formatter

* Units (%, $, count).
* Decimal precision.
* Currency formatting.
* Number formatting (Indian or International).

#### Export Options

* Enable right-click **context menu** for exporting.
* Supported formats: **Excel, CSV, JPEG, PNG, PPT, PDF, Print**.
* Configure export heading, subheading, and file name.
* Define **default export type** (Screenshot or Tabular).

#### Dataset Series Properties

* Customize colors for each series.
* Enable **Data Labels** to display numeric values directly on stages.

### Example Use Cases

* **Business:** Display top-down organizational hierarchy.
* **Finance:** Show fund or profit distribution across levels.
* **HR:** Visualize salary distribution across job grades.
* **Education:** Represent student categorization by class, grade, or performance bands.

**Sample Data Setup:**

* **Category Field:** Stage (e.g., Level 1, Level 2, Level 3).
* **Series Field:** Count (numeric values such as employee count or fund allocation).

{% file src="/files/E8xBGOgDfwJKRThtxv50" %}

⚠️ **Note:**

* Category fields can be string, numeric, or date.
* Series fields **must be numeric**.


---

# Agent Instructions: Querying This Documentation

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

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bdb.ai/bdb-user-documentation/platform-modules/10.0/bdb-visualization/dashboard-designer/chart-gallery/charts/inverted-funnel.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.