compose-chart's Introduction

Jetpack compose multiplatform charts

Jetpack compose charts with support android and desktop targets.

Philosophy

All charts

Work the same on desktop and android targets
Do not require any pixel work. All settings use shape related dimensions (Percents, Degrees, etc)
Uses standard compose library. No external dependencies required

Charts

Chart usage example could be found under /example/target directories

PieChart

How it looks

How to use: Add this code to your gradle repositories declaration

maven {
    url = uri("https://maven.pkg.github.com/MEJIOMAH17/compose-chart")
    credentials {
        username = "<yourUsername>"
        password = "yourGithubToken"
    }
}

Add this line to your gradle dependencies

 implementation("com.github.mejiomah17.compose.chart:pie:0.1.0-SNAPSHOT")

Add code to your @Composable function:

   PieChart(
               // size of center hole in percents from total chart size
               holeSize = Percent(holeSize),
               // list of sectors to draw
               sectors = listOf(
                   PieChartSector(
                       // weight of this sector. Size of sector at chart depends on weight/totalWeight
                       weight = 4,
                       color = Color(64, 89, 128),
                       // Jetpack compose painter. Highly recommended to use vector painters here.
                       icon = yourPainter,
                       // Size of icon in percents of sector size
                       iconSizeFromSector = Percent(40)
                   ){
                       // this code will be called on sector click
                   }
                   
               ),
               // empty space between sectors in degrees
               spaceBetweenSectors = Degrees(1),
               // Jetpack compose animationSpec
               animationSpec = tween(5500),
               modifier = Modifier.align(Alignment.Center)
    )