Published
Edited
Sep 1, 2021
renderSequencing = (sequence) => {
return vl.markBar().data(sequence).encode(
vl.y().fieldN("Name").sort("x"),
vl.x().fieldQ("Start").axis({
grid: false,
ticks: false,
labels: false,
title: "Time Elapsed"
}).scale({domain: [0, 2.7]}),
vl.x2().fieldQ("End"),
vl.color().field("Protocol").sort("x").legend({title: "Protocols Used"})
).width(width-320).height(150).render()
}
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.
