Public
Edited
May 5, 2023
durations.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
{
let durations_ = durations.map((d) => ({
...d,
numberOfFiles:
d.numberOfFiles.toString(10) + (d.numberOfFiles > 1 ? " files" : " file")
}));
return Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.lineY(durations_, {
x: "latency",
y: "dur",
stroke: "numberOfFiles"
})
],
y: {
grid: true,
label: `↑ Build duration (s)`,
transform: (f) => f / 1000
},
x: {
label: `Latency (ms) →`
},
inset: 10,
color: { legend: true }
});
}
durations.map((d) => d.numberOfFiles.toString(10))
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.
