Public
Edited
Apr 5, 2023
1 fork
5 stars
Insert cell
Insert cell
Plot.plot({
grid: true,
x: {domain: [0, 1]},
marks: [Plot.frame()]
})
Insert cell
Insert cell
Insert cell
Plot.plot({
grid: true,
inset: 10,
marks: [
framed ? Plot.frame() : [],
Plot.dot(penguins, {x: "culmen_length_mm", y: "culmen_depth_mm", fill: "#eee"}),
Plot.dot(penguins, {x: "culmen_length_mm", y: "culmen_depth_mm", fx: "species"})
]
})
Insert cell
penguins = FileAttachment("penguins.csv").csv({typed: true})
Insert cell
Insert cell
Plot.plot({
grid: true,
x: {domain: [0, 1]},
marks: [Plot.frame({stroke: "red"})]
})
Insert cell
Insert cell
Plot.plot({
width: 300,
height: 100,
margin: 2,
marks: [
Plot.frame({ anchor: "left", stroke: "red", strokeWidth: 4 }),
Plot.frame({ anchor: "right", stroke: "green", strokeWidth: 4 }),
Plot.frame({ anchor: "top", stroke: "blue", strokeWidth: 4 }),
Plot.frame({ anchor: "bottom", stroke: "black", strokeWidth: 4 })
]
})
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