An android compose library with different Graphs and Charts

Madrapps

Last update: Dec 30, 2022

Related tags

Charts android kotlin chart charts graph graphs plot compose linegraph line-graph android-compose

Overview

plot

An android compose library with different Graphs and Charts (currently supports only Line graph, more types will be added soon)

Download

repositories {
  mavenCentral()
}

dependencies {
  implementation 'com.github.madrapps:plot:0.1.1'
}

Features

Full customization of the various parts of the graph (like the point, line between the points, highlight when selected, the values in x-axis and y-axis, etc...)
Supports scrolling, zooming and touch drag selection

Usage

Just add the LineGraph composable and pass it a LinePlot with all your configuration and customisation. Please take a look at the sample app to see the various customisations available. Almost every aspect of the graph is customisable. You can even override the default draw implementations and can draw a Rectangle instead of a Circle, etc. The below code renders the Orange graph that you see in the above screenshots.

@Composable
fun SampleLineGraph(lines: List<List<DataPoint>>) {
    LineGraph(
        plot = LinePlot(
            listOf(
                LinePlot.Line(
                    lines[0],
                    LinePlot.Connection(color = Red300),
                    LinePlot.Intersection(color = Red500),
                    LinePlot.Highlight(color = Yellow700),
                )
            ),
            grid = LinePlot.Grid(Red100, steps = 4),
        ),
        modifier = Modifier.fillMaxWidth().height(200.dp),
        onSelection = { xLine, points ->
            // Do whatever you want here
        }
    )
}

License

plot by Madrapps is licensed under the Apache License 2.0.

Comments

Build file does not have the maven publishing code

The build.gradle.kts file contains the code for creating a nexus repository. BUt where is the code which enables the publish plugin to actually publish the artifact??

opened by Chinmay-Kalmane 1
Add option to round / scale YAxis intervals to "nice numbers"

Add option to round YAxis intervals / ticks to nice numbers, i.e. 1,2,5 and all power-of-ten multiples of these numbers, like in this stackoverflow thread.

Standard intervals:

Nice number intervals:

opened by jns-codeworks 1

LineWidth is not synchronized to XAxisWidth

It seems like XAxis.stepSize is not synchronized to the xOffset between DataPoints. Changing stepSize only has effect on XAxis, not on Line

    val ethereumOneWeek = listOf(
        DataPoint(1f, 2938.67f),
        DataPoint(2f, 2971.3f),
        DataPoint(3f, 2887.21f),
        DataPoint(4f, 2704.42f),
        DataPoint(5f, 2646.03f),
        DataPoint(6f, 2637.95f),
        DataPoint(7f, 2548.08f),
    )

    LineGraph(
        plot = LinePlot(
            grid = LinePlot.Grid(Color.White.copy(alpha = 0.12f)),
            lines = listOf(
                element = LinePlot.Line(
                    dataPoints = ethereumOneWeek,
                    connection = LinePlot.Connection(color, 2.dp),
                    intersection = null,
                ),
            ),
            xAxis = LinePlot.XAxis(
                steps = 7,
                stepSize = 40.dp,
            ),
        ),
        modifier = Modifier
            .fillMaxWidth()
            .height(200.dp)
    )

chart

opened by jns-codeworks 0

Add graph background color argument

The background color for the canvas is hard coded to MaterialTheme.colors.surface

Just add an optional argument to the LineGraph composable for the graph background color, then set the bgColor variable in the composable to be equal to this argument. You can default it to the surface color if you wish and make it optional.

opened by daniel-eh 2
data reduction (Douglas Peucker)

I am currently using MPAndroidChart, but this library seems much more practical for my needs and do plan on switching over to it

However, the biggest downfall of what I'm currently using is the lack of data reduction. Which makes the chart look very weird when you have tens of thousands of points on a device as small as a phone.

is there such a feature with this library or could one be added?
question

opened by TheRedSpy15 2

Releases(0.1.1)

0.1.1(Aug 30, 2021)
Support for LineGraph

Scroll, Zoom and Drag gesture enabled

Full customisation of the graph

Source code(tar.gz)
Source code(zip)