Public
Edited
Oct 14, 2023
1 fork
Insert cell
Insert cell
Plot.plot({
marginTop: 25,
marginRight: 11,
marginBottom: 17,
marginLeft: 40,
marks: [
Plot.frame(),
Plot.text(["Hello, world!"], {frameAnchor: "middle"})
]
})


Insert cell
Plot.plot({
grid: true,
inset: 10,
x: {label: "Fuel consumption (gallons per 100 miles)"},
y: {label: "Horsepower"},
marks: [
Plot.dot(cars, {x: (d) => 100 / d["economy (mpg)"], y: "power (hp)"})
]
})
Insert cell
Select a data source…
Type SQL, then Shift-Enter. Ctrl-space for more options.

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