Abstract volcanic heatmap landscape

VOLCANO 2.0

Turn changing data
into clear terrain.

A hierarchical heatmap SDK with shared Kotlin layout and color calculations. Compose on Android, iOS, and Desktop; React SVG on the web.

Compose guide →React guide
4
platform targets
5K
leaf benchmark
0
forced image loaders

SHARED CORE, PLATFORM-SPECIFIC UI

AndroidiOSDesktopReact web

01 DATA, NOT A WIDGET

Hierarchy is the
navigation model.

Start with a meaningful overview. Drill into a group when the decision needs detail. Keep leaves useful without turning the first viewport into noise.

Technology
+4.82%
Cloud
+2.19%
Energy
−1.14%
Health
+1.56%
Other

02 COMPOSE ACROSS THREE HOSTS

Build once in
commonMain.

Area comes from value. Color comes from metric. For React, install @taewooyo/heatmap-react and render SVG with the same calculation core.

Explore the architecture →
Build with React →
val state = rememberHeatmapState(market)
Heatmap(
  state = state,
  modifier = Modifier.fillMaxSize(),
  colorScale = SignedMetricColorScale(10.0),
)

03 READY FOR DENSE DATA

Make the signal
impossible to miss.

Adaptive content, optional image loading, platform-aware interaction, accessibility semantics, and aggregation for real product data.

Read the docs →한국어 문서