This funnel chart visually represents a step-by-step process where values decrease as they move through each stage, making it ideal for tracking conversions, drop-offs, or progress toward a goal.
It supports both vertical and horizontal layouts, and each stage can display labels, values, or percentages. The chart automatically adapts to different data sources, whether the information comes from a Bubble “thing list,” separate lists of labels and values, or raw JSON strings.

If the total of all stages doesn’t reach the defined maximum, the chart can add an “unfilled” stage to clearly show the remaining portion toward the goal. Stages are color-coded, and tooltips or labels can be shown for more detail.

Before data is ready, a skeleton loader with progressively smaller segments mimics the funnel shape, letting users know the chart is loading. On interaction, clicking or tapping a stage sends details (label, value, percentage, and ID) back to the host app, enabling deeper drill-downs or actions.