Data visualization / Guide
Charts on native platforms
Find chart components and platform-specific usage for React Native, SwiftUI, and Compose.
The same questions, on every platform.
CalendarHeatmap, FunnelChart, BoxPlot, LollipopChart, DumbbellChart, and BulletChart all have native counterparts with the Lumen prefix. Their reference pages include platform-specific examples and properties.
| Platform | Domain & formatting | Examples |
|---|---|---|
| React Native | { min: 0, max: 100 } · formatValue | Ranking · Comparison · Target |
| SwiftUI | 0...100 · labels.formatValue | Ranking · Comparison · Target |
| Compose | 0.0..100.0 · labels.formatValue | Ranking · Comparison · Target |
Find your chart on each platform
| Chart | Platform reference |
|---|---|
| LineChart | React Native · SwiftUI · Compose |
| Sparkline | React Native · SwiftUI · Compose |
| RangeChart | React Native · SwiftUI · Compose |
| BarChart | React Native · SwiftUI · Compose |
| LollipopChart | React Native · SwiftUI · Compose |
| DumbbellChart | React Native · SwiftUI · Compose |
| BulletChart | React Native · SwiftUI · Compose |
| Histogram | React Native · SwiftUI · Compose |
| BoxPlot | React Native · SwiftUI · Compose |
| PieChart | React Native · SwiftUI · Compose |
| WaterfallChart | React Native · SwiftUI · Compose |
| FunnelChart | React Native · SwiftUI · Compose |
| ComboChart | React Native · SwiftUI · Compose |
| ScatterChart | React Native · SwiftUI · Compose |
| Heatmap | React Native · SwiftUI · Compose |
| CalendarHeatmap | React Native · SwiftUI · Compose |
Native charts use label for the accessible name and showData for the readable data disclosure. Follow your platform’s theme setup; preserve the same units, row order, and missing measurements across renderers.