Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Histogram

Show a distribution with explicit bins, accurate interval widths, and count or density.

Public APILumenHistogramReact Native

Native example

Use Histogram

Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.

View captured React Native example
Histogram rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenHistogram
  data={responseTimeBins}
  label="Quarterly revenue"
/>

Reference

Public API

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

APIValues or typeDefaultDescription
labelStringRequiredProvides the concise accessible name for the visualization.
dataTyped native chart dataRequiredSupplies finite values and stable identifiers through the shared chart contract.

Native behavior

Design and accessibility

When to use it

Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.

Accessibility

Provides labeled axes and expandable bin boundaries, plotted values, and original counts.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives