Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
Data displayAndroid

Range chart

Render ordered low-to-high intervals as a tokenized range band.

Public APILumenRangeChartAndroid / Compose

Native example

Use Range chart

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.

Range chart rendered in the Android phone emulator Lumen playground
Verified runtime captureAndroid phone emulator
kotlin
LumenRangeChart(
    data = forecastRanges,
    label = "Quarterly revenue"
)

Reference

Public API

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

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

Presents a concise summary while applications retain low and high values.

Shared component

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module