Unlisted
Edited
Apr 26, 2023
Insert cell
Insert cell
Insert cell
Plot.lineY(linedata, {x: "hour", y: "value", stroke: "sensor"}).plot()
Insert cell
Plot.lineY(linedata, {
x: (d) => d.hour,
y: (d) => d.value,
stroke: (d) => d.sensor
}).plot()
Insert cell
Plot.lineY({length: linedata.length}, {
x: linedata.map((d) => d.hour),
y: linedata.map((d) => d.value),
stroke: linedata.map((d) => d.sensor)
}).plot()
Insert cell
linedata = [
{hour: 0, value: 8, sensor: "A"},
{hour: 0, value: 6, sensor: "B"},
{hour: 1, value: 7, sensor: "A"},
{hour: 1, value: 5, sensor: "B"},
{hour: 2, value: 3, sensor: "A"},
{hour: 2, value: 0, sensor: "B"},
{hour: 3, value: 9, sensor: "A"},
{hour: 3, value: 2, sensor: "B"}
]
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more