Whats the best way to plot irregular amount of data

[Emporea]

I try to use Observable Plot on an interactive site where you can aggregate multiple time related searches.

This means I have an array of timeseries I want to plot inside one line plot. Something like this. In this example 2 timeseries are included, they could be more.

array_of_series = [
  [
    { datetime: "2021-12-29", value: 22 },
    { datetime: "2021-12-30", value: 71 },
    { datetime: "2021-12-31", value: 34 },
  ],
  [
    { datetime: "2022-01-21", value: 37 },
    { datetime: "2022-01-22", value: 56 },
    { datetime: "2022-01-23", value: 57 },
    { datetime: "2022-01-24", value: 47 },
  ],
];

What I am doing currently is iterating over the list like this:

document.getElementById("time").appendChild(
  Plot.plot({
    x: {
      type: "time",
    },
    marks: array_of_series.map((e) => {
      return [Plot.line(e, { x: "datetime", y: "value" })];
    }),
  })
);

This works for simple stuff. If I want to change labels , add color or anything data related I have to iterate over the array which seems strange. What is the intended way of drawing multiple timeseries ( or bars which is another issue of mine )?

Should I combine my array of timeseries beforehand? But then they are indistinguishable for setting colors etc.

Do you guys understand my question? Would appreaciate suggestions.

[Emporea]

I guess I found the solution. The name was misleading. #685 (comment)