# Meet "YCharts": an Opensource Jetpack Compose chart library.

DevFeed: [Meet "YCharts": an Opensource Jetpack Compose chart library.](<https://devfeed.tech/articles/meet-ycharts-an-opensource-jetpack-compose-chart-library-24755.md>)

Original publisher: [Read original article](<https://medium.com/ymedialabs-innovation/meet-ycharts-an-opensource-jetpack-compose-chart-library-2568aeac19fb?source=rss----8b5620c36355---4>)

Author: Codeangi

Published: 2023-07-13T06:29:03Z

Content type: tutorial

Language: en

Sources: [ymedialabs-innovation - Medium](<https://devfeed.tech/sources/ymedialabs-innovation-medium.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Android](<https://devfeed.tech/topics/android.md>), [Graphs](<https://devfeed.tech/topics/graphs.md>), [Library](<https://devfeed.tech/topics/library.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [charts](<https://devfeed.tech/tags/charts.md>), [charts-and-graphs](<https://devfeed.tech/tags/charts-and-graphs.md>), [color](<https://devfeed.tech/tags/color.md>), [compose](<https://devfeed.tech/tags/compose.md>), [electronics](<https://devfeed.tech/tags/electronics.md>), [graphs](<https://devfeed.tech/tags/graphs.md>), [ios](<https://devfeed.tech/tags/ios.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [kotlin-multiplatform](<https://devfeed.tech/tags/kotlin-multiplatform.md>), [library](<https://devfeed.tech/tags/library.md>), [maven](<https://devfeed.tech/tags/maven.md>), [signal](<https://devfeed.tech/tags/signal.md>), [time](<https://devfeed.tech/tags/time.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This article introduces Y-Charts, an open-source Jetpack Compose chart library for Android. It explains how the library integrates charts into existing UI, can be added through Maven, and supports customizable Cartesian, bar, line, and wave charts.

## Source excerpt

Meet "Y-Charts": an Opensource Jetpack Compose chart library. GitHub - yml-org/YCharts: YCharts is a graph library for Android. Y-Charts is a Jetpack Compose-based charts/graphs library that enables developers to easily integrate various types of charts/graphs into their existing UI to visually represent statistical data. Jetpack Compose is Android's recommended modern toolkit for building native UI. Y-Charts leverages on powerful features of Jetpack Compose to deliver accurate and accessible results for users, and many reusable components allow it to be concise and lightweight also enabling developers to customize and add new charts with ease. Y-Charts Sample in action.Adding Y-charts to your project. You can add the library via Maven: https://medium.com/media/f3feb939f36855b0cec632a08a6c6fa8/hrefCharts in Y-Charts:1. Cartesian Charts: Cartesian charts, also known as coordinate charts or xy-charts, utilize a rectangular coordinate system with two perpendicular axes: the x-axis (horizontal) and the y-axis (vertical). These charts are particularly effective for displaying quantitative data and relationships between variables. AxisData: The AxisData model supplied to each chart item controls the behavior and appearance of X and Y axis labels, user can opt for default behavior via the builder and can customize according to their needs. Bar Charts: Bar charts use rectangular bars to represent data, where the length or height of each bar corresponds to its value. Y-Charts provides many customization including the orientation of the bar chart to achieve a horizontal-scroll behavior, along with grouping and stacking of bars. This enables users to visualize different types of bar charts with very few code changes. BarchartData and GroupBarChartData enable users to customize this behavior, additionally, users can change the appearance of the bars by using the BarStyle property. BarData represents the data for each bar shown in the chart. Following snippet shows the BarchartD