Radar Chart

Radar Chart is a chart that is used to display multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.

TypeResource
DesignFigma
MobileMobile Storybook
CodeGitlab
Radar Chart Preview

Usage

To implement Line Chart, you can use this tag radarchart in the Kotlin file.

import id.co.biofarma.binduiandroid.components.radarchart
val radarLabels =
listOf(
    "Data 1",
    "Data 2",
    "Data 3",
    "Data 4",
    "Data 5",
    "Data 6",
)
 
RadarChart(
    id = "radar-chart-bio",
    labels = radarLabels,
    size = "md",
    scalarSteps = 10,
    data = data
)

Examples

Size

Set the size prop to sm, md, or lg for different type of line chart.

Radar Chart Size md

Props

PropsRequiredDefaultTypeDescription
idTrue-String Unique identifier for the chart
sizeTruemdString Size of the chart
scalarStepsTrue-Int Number of steps in the scalar
scalarValueTrue-`DoubleValue of the scalar
dataTrueList<>List<Double>Data for the chart
labelsFalseList<>List<String>Labels for the chart
BIND © Biofarma Innovate Next-level Design .