Public
Edited
May 30, 2023
solves.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.ruleX([0]),
Plot.tickX(solves, { x: "time", interval: 5000, y: "year" })
],
x: { label: "time (seconds)", tickFormat: d => d/1000, grid: true },
y: { type: "band", label: null }
})
Plot.plot({
marks: [
Plot.tickX(
solves
.filter((s) => s.solution)
.flatMap((s) =>
s.solution.split(" ").map((d) => ({ t: +d.match(/(\d+)/)[0], ...s }))
),
{ x: "t", y: "date", strokeOpacity: 0.5 }
)
],
marginLeft: 150,
width
})
Plot.plot({
marks: [
Plot.rectY(solves, Plot.binX({ y: "count" }, { x: "time", interval: 5000, fy: "year" }))
]
})
solves
X
total_execution_time
Y
total_recognition_time
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
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.
