Public
Edited
Mar 22
Insert cell
Insert cell
data = FileAttachment("penguins.csv").csv({typed: true})
Insert cell
Insert cell
Insert cell
Plot.plot({
axis: null,
margin: 20,
marginRight: 120,
marks: [
Plot.tree(flare.slice(0, 50), {path: "name", delimiter: "."})
]
})
Insert cell
canvas = {
const context = DOM.context2d(width, 200);
context.fillStyle = "hsl(100deg 100% 13%)";
context.fillRect(0, 0, width, 200);
return context.canvas;
}
Insert cell
Plot.plot({
x: {
type: "log"
},
marks: [
Plot.arrow(citywages, {
x1: "POP_1980",
y1: "R90_10_1980",
x2: "POP_2015",
y2: "R90_10_2015",
bend: true
})
]
})
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