Tiles Gradient

val cities = listOf("Yerevan", "Berlin", "Amsterdam", "Paphos")
val random = kotlin.random.Random(42)
val year22 = List(4) { random.nextDouble() }
val year23 = List(4) { random.nextDouble() }
val year24 = List(4) { random.nextDouble() }

val dataset = dataFrameOf(
    "city" to cities,
    "2022" to year22,
    "2023" to year23,
    "2024" to year24
).gather("2022", "2023", "2024").into("year", "value")

dataset.plot {
    tiles {
        x("city")
        y("year") {
            scale = categorical()
            axis.breaks(format = "d")
        }
        fillColor("value")
    }
}

val cities = listOf("Yerevan", "Berlin", "Amsterdam", "Paphos")
val random = kotlin.random.Random(42)
val year22 = List(4) { random.nextDouble() }
val year23 = List(4) { random.nextDouble() }
val year24 = List(4) { random.nextDouble() }

val dataset = mapOf(
    "city" to cities + cities + cities,
    "year" to List(4) { "2022" } + List(4) { "2023" } + List(4) { "2024" },
    "value" to year22 + year23 + year24,
)

dataset.plot {
    tiles {
        x("city")
        y("year") {
            scale = categorical()
            axis.breaks(format = "d")
        }
        fillColor("value")
    }
}

val dataset = dataFrameOf(
    "x" to columnOf(
        1.0, 2.0, 3.0, 4.0, 5.0,
        1.0, 2.0, 3.0, 4.0, 5.0,
        1.0, 2.0, 3.0, 4.0, 5.0
    ),
    "y" to columnOf(
        1.0, 1.0, 1.0, 1.0, 1.0,
        2.0, 2.0, 2.0, 2.0, 2.0,
        3.0, 3.0, 3.0, 3.0, 3.0
    ),
    "value" to columnOf(
        6, 7, 8, 4, 2,
        7, 5, 6, 4, 3,
        8, 6, 5, 8, 4
    )
)
val xCol = column<Double>("x")
val yCol = column<Double>("y")

dataset.plot {
    tiles {
        x(xCol) { axis.name = "x" }
        y(yCol) { axis.name = "y" }
        fillColor(value) {
            legend.type = LegendType.None
            scale = continuous(Color.hex("#E1F5FE")..Color.hex("#01579B"))
        }
        borderLine.width = 0.25
    }
    layout.style(Style.Void)
}

Last modified: 15 December 2025