simpleServer.kt

import kotlinx.coroutines.ExperimentalCoroutinesApi
import kotlinx.html.a
import kotlinx.html.div
import kotlinx.html.h1
import kotlinx.html.style
import space.kscience.dataforge.meta.invoke
import space.kscience.plotly.Plot
import space.kscience.plotly.Plotly
import space.kscience.plotly.models.Trace
import space.kscience.plotly.models.invoke
import space.kscience.plotly.plot
import space.kscience.plotly.server.close
import space.kscience.plotly.server.serve
import space.kscience.plotly.server.show
import kotlin.math.PI
import kotlin.math.cos
import kotlin.math.sin

@ExperimentalCoroutinesApi
fun main() {
    val server = Plotly.serve {
        val x = (0..100).map { it.toDouble() / 100.0 }.toDoubleArray()
        val y1 = x.map { sin(2.0 * PI * it) }.toDoubleArray()
        val y2 = x.map { cos(2.0 * PI * it) }.toDoubleArray()

        val trace1 = Trace(x, y1) { name = "sin" }
        val trace2 = Trace(x, y2) { name = "cos" }

        val plot1: Plot = Plotly.plot{
            traces(trace1, trace2)
            layout {
                title = "First graph, row: 1, size: 8/12"
                xaxis { title = "x axis name" }
                yaxis { title = "y axis name" }
            }
        }

        //root level plots go to default page
        page {
            h1 { +"This is the plot page" }
            a("/other") { +"The other page" }
            div {
                style = "display: flex;   align-items: stretch; "
                div {
                    style = "width: 64%;"
                    plot(plot1)
                }
                div {
                    style = "width: 32%;"
                    plot {
                        traces(trace1, trace2)
                        layout {
                            title = "Second graph, row: 1, size: 4/12"
                            xaxis { title = "x axis name" }
                            yaxis { title = "y axis name" }
                        }
                    }
                }
            }



            div {
                plot {
                    traces(trace1, trace2)
                    layout {
                        title = "Third graph, row: 2, size: 12/12"
                        xaxis { title = "x axis name" }
                        yaxis { title = "y axis name" }
                    }
                }
            }
        }

        page("other") {
            h1 { +"This is the other plot page" }
            a("/") { +"Back to the main page" }
            plot(plot1)
        }

    }

    server.show()

    println("Press Enter to close server")
    readLine()

    server.close()

}