https://github.com/overpas/compose-treemap-chart

Jetpack compose treemap chart implementation
https://github.com/overpas/compose-treemap-chart

android compose-multiplatform jetpack-compose kotlin-multiplaform treemap

Last synced: 1 day ago
JSON representation

Jetpack compose treemap chart implementation

• Host: GitHub
• URL: https://github.com/overpas/compose-treemap-chart
• Owner: overpas
• License: mit
• Created: 2021-11-07T17:12:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2026-06-01T20:40:57.000Z (10 days ago)
• Last Synced: 2026-06-01T22:21:52.883Z (10 days ago)
• Topics: android, compose-multiplatform, jetpack-compose, kotlin-multiplaform, treemap
• Language: Kotlin
• Homepage:
• Size: 1.12 MB
• Stars: 81
• Watchers: 1
• Forks: 5
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# Compose Treemap Chart

![Maven Central](https://img.shields.io/maven-central/v/io.github.overpas/treemap-chart-compose)

[![Build](https://github.com/overpas/compose-treemap-chart/actions/workflows/build.yml/badge.svg)](https://github.com/overpas/compose-treemap-chart/actions/workflows/build.yml)

![Badge-Android](https://img.shields.io/badge/platform-android-blue)

![Badge-JVM](https://img.shields.io/badge/platform-jvm-blue)

![Badge-iOS](https://img.shields.io/badge/platform-ios-blue)

![Badge-JS](https://img.shields.io/badge/platform-js-blue)

![Badge-Wasm](https://img.shields.io/badge/platform-wasm-blue)

Jetpack compose [treemap](https://en.wikipedia.org/wiki/Treemapping) chart implementation



## Usage

### Adding to the project

Add this to your `dependencies` gradle block:

```gradle

implementation "io.github.overpas:treemap-chart:0.1.3"

implementation "io.github.overpas:treemap-chart-compose:0.1.3"

```

### Sample code

```kotlin

private val simpleTreeData = tree(10) {

    node(6) {

        node(4)

        node(2) {

            node(1)

            node(1)

        }

    }

    node(3) {

        node(2)

        node(1)

    }

    node(1)

}

@Composable

fun MyChart() {

    TreemapChart(

        data = simpleTreeData,

        evaluateItem = Int::toDouble,

        modifier = Modifier.fillMaxSize(),

    ) { item ->

        SimpleTreemapItem(item = item.toString())

    }

}

```

The code above produces something like this:



For more advanced Kotlin Multiplatform samples check out the [sample](https://github.com/overpas/compose-treemap-chart/tree/master/sample) directory