Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Apple docs
Data displayApple

Heatmap

Encode a two-dimensional matrix with the canonical sequential scale.

Public APILumenHeatmapApple / 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 Heatmap

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.

Heatmap rendered in the iPhone simulator Lumen playground
Verified runtime captureiPhone simulator
swift
LumenHeatmap(
    label: "Quarterly revenue",
    data: activityCells
)

Reference

Public API

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

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 labels for every cell.

Shared component

Available on other platforms

React NativeAndroid / Compose
Apple docsSwiftUI package