Example of subplots

[raulpardo]

Hi,

I'm trying to create a plot with several subplots. According to the documentation this features is supported but I cannot find the way to use it. Would it possible to add a simple example with, e.g., a 4x4 grid with several plots?

[carlossilva87]

bump

Also looking for this, a simple example of subplots would be great!

@alexarchambault

[dacr]

Hi, I did a try, and from what I've seen in the code this feature is not anymore available in 0.8.x series.

[mattdornfeld]

I found an example here https://zwild.github.io/posts/plotly-examples-for-scala/.

val data = Seq(1, 2)

val trace1 = Scatter(
  data,
  data,
  name = "(1,1)")

val trace2 = Scatter(
  data,
  data,
  name = "(1,2)",
  xaxis = AxisReference.X2,
  yaxis = AxisReference.Y2)

val trace3 = Scatter(
  data,
  data,
  name = "(1,2)",
  xaxis = AxisReference.X3,
  yaxis = AxisReference.Y3)

val trace4 = Scatter(
  data,
  data,
  name = "(1,2)",
  xaxis = AxisReference.X4,
  yaxis = AxisReference.Y4)

Seq(trace1, trace2, trace3, trace4).plot(
  "subplots.html",
  Layout(
    title = "Mulitple Custom Sized Subplots",
    xaxis = Axis(
      anchor = AxisAnchor.Reference(AxisReference.Y1),
      domain = (0, 0.45)),
    yaxis = Axis(
      anchor = AxisAnchor.Reference(AxisReference.X1),
      domain = (0.5, 1)),
    xaxis2 = Axis(
      anchor = AxisAnchor.Reference(AxisReference.Y2),
      domain = (0.55, 1)),
    yaxis2 = Axis(
      anchor = AxisAnchor.Reference(AxisReference.X2),
      domain = (0.8, 1)),
    xaxis3 = Axis(
      anchor = AxisAnchor.Reference(AxisReference.Y3),
      domain = (0.55, 1)),
    yaxis3 = Axis(
      anchor = AxisAnchor.Reference(AxisReference.X3),
      domain = (0.5, 0.75)),
    xaxis4 = Axis(
      anchor = AxisAnchor.Reference(AxisReference.Y4),
      domain = (0, 1)),
    yaxis4 = Axis(
      anchor = AxisAnchor.Reference(AxisReference.X4),
      domain = (0, 0.45))),
  false,
  true,
  true)

[dacr]

thank you very much for this example, here the same updated to remove deprecated calls :
https://gist.github.com/dacr/57fc50e4da7fa7d83a0db7be69747a93 :

import $ivy.`org.plotly-scala::plotly-render:0.8.1`
import plotly._, element._, layout._, Plotly._

// Inspired from https://zwild.github.io/posts/plotly-examples-for-scala/.

val data = Seq(1, 2)

val trace1 = {
  Scatter(data, data)
    .withName("(1,1)")
}

val trace2 = {
  Scatter(data, data)
    .withName("(1,2)")
    .withXaxis(AxisReference.X2)
    .withYaxis(AxisReference.Y2)
}

val trace3 = {
  Scatter(data, data)
    .withName("(1,3)")
    .withXaxis(AxisReference.X3)
    .withYaxis(AxisReference.Y3)
}

val trace4 = {
  Scatter(data,data)
    .withName("(1,4)")
    .withXaxis(AxisReference.X4)
    .withYaxis(AxisReference.Y4)
}

val useLayout = {
  Layout()
    .withTitle("Multiple Custom Sized Subplots")
    .withXaxis(
      Axis()
      .withAnchor(AxisAnchor.Reference(AxisReference.Y1))
      .withDomain(Range.fromDoubleTuple(0, 0.45)))
    .withYaxis(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.X1))
        .withDomain(Range.fromDoubleTuple(0.5, 1)))
    .withXaxis2(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.Y2))
        .withDomain(Range.fromDoubleTuple(0.55, 1)))
    .withYaxis2(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.X2))
        .withDomain(Range.fromDoubleTuple(0.8, 1)))
    .withXaxis3(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.Y3))
        .withDomain(Range.fromDoubleTuple(0.55, 1)))
    .withYaxis3(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.X3))
        .withDomain(Range.fromDoubleTuple(0.5, 0.75)))
    .withXaxis4(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.Y4))
        .withDomain(Range.fromDoubleTuple(0, 1)))
    .withYaxis4(
      Axis()
        .withAnchor(AxisAnchor.Reference(AxisReference.X4))
        .withDomain(Range.fromDoubleTuple(0, 0.45)))
}

Seq(trace1, trace2, trace3, trace4).plot(
  "subplots.html",
  useLayout,
  false,
  true,
  true)

[jakedmlee]

Thanks to dacr. It works well but if I code in that way the limitation of the number of subplots would exist. I found grid from plotly javascript version example. It looks so useful to make subplots and it seems to have no limitation of the number of it. But I haven't found how to use it on plotly-scala. I want to know the way to directly use json in this plotly-scala. I would like to make subplots without limitation of the number.

---

Some days after I wrote above, I found that plotly-scala 0.8.2 would be released with adding grid and now I found out again it was released.