Public
Edited
Mar 1, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
height: 800,
width: 800,
y: { domain: [0, 5], ticks: 0, label: "" },
x: { ticks: 0, label: "" },
facet: { data: davg, y: "month", label: "" },
marks: [Plot.ruleY([0]), Plot.lineY(davg, { x: "day", y: "height_ft" })]
})
Insert cell
Plot.plot({
height: 300,
color: {
type: "threshold",
domain: [-10, 0, 10, 20, 30],
scheme: "cool",
reverse: true,
legend: true
},
y: { domain: [-10, 20], ticks: 0, label: "" },
x: { ticks: 0, label: "" },
facet: { data: davg, y: "month", label: "" },
marks: [Plot.cell(davg, { x: "day", fill: "temp_c" })]
})
Insert cell
Insert cell
import {vl} from "@vega/vega-lite-api-v5"
Insert cell
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