Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
Data displayApple

Funnel chart

Compares ordered nonnegative conversion stages with exact measurements.

Public APILumenFunnelChartApple / SwiftUISwift product: LumenUI

Apple availability

Supported native targets

Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.

iPhone · iOS 16+iPad · iPadOS 16+Mac · macOS 13+Apple TV · tvOS 16+Apple Vision · visionOS 1+Apple Watch · watchOS 9+

Native example

Use Funnel chart

Preserve input order and use aligned cohorts. Applications own conversion percentages and aggregation.

Funnel chart rendered in the iPhone simulator Lumen playground
Captured exampleiPhone simulator
swift
LumenFunnelChart(data: [.init(id: "visits", label: "Visits", value: 4800)], label: "Activation funnel")

Reference

Public API

The primary shared and platform-specific options exposed by LumenFunnelChart.

APIValues or typeDefaultDescription
dataLumenFunnelDatum[]RequiredUnique nonempty IDs, labels, nullable nonnegative finite values, and optional tone.
labelsLocalized chart labelsEnglishFormats exact values and empty/invalid/missing states.
showDataBooleantrueProvides the visible expandable exact values.

Native behavior

Design and accessibility

When to use it

Preserve input order and use aligned cohorts. Applications own conversion percentages and aggregation.

Accessibility

Visible values and an expandable data list distinguish missing stages from zero.

Shared component

Available on other platforms

React NativeAndroid / Compose
Apple docsSwiftUI package