When to use it
Supply ordered statistics or five null values for a missing summary. Applications own statistical methods.
Data displayReact Native
Box plot
Shows precomputed quartiles, whiskers and outliers on one numeric scale.
Native example
Use Box plot
Supply ordered statistics or five null values for a missing summary. Applications own statistical methods.
View captured React Native example
<LumenBoxPlot label="Response distribution" data={[{ id: "north", label: "North", min: 12, q1: 22, median: 31, q3: 44, max: 61 }]} />Reference
Public API
The primary shared and platform-specific options exposed by LumenBoxPlot.
| API | Values or type | Default | Description |
|---|---|---|---|
| data | LumenBoxPlotDatum[] | Required | Precomputed min/q1/median/q3/max plus optional finite outliers. min/max are whisker bounds. |
| domain | Finite numeric range | Automatic | Encloses every statistic and outlier. |
| statisticLabels, labels | Localized statistic names and formatting | English | Names quartiles, median, whiskers and outliers. |
| showData | Boolean | true | Provides the visible expandable exact statistics. |
Native behavior
Design and accessibility
Accessibility
Provides exact statistics with a contrasting median and outlined outliers.
Shared component