Published unlisted
Edited
Aug 24, 2021
Insert cell
Insert cell
Plot.plot({
grid: true,
facet: {
data: data,
y: "species"
},
marks: [
Plot.dot(data, { x: "flipper_length_mm", y: "body_mass_g", stroke: "sex" }),
Plot.text(labels, { x: "x", y: "y", text: "text" })
]
})
Insert cell
labels = [
{ species: "Adelie", x: 205, y: 3000, text: "My annotation for Adelie" },
{ species: "Gentoc", x: 220, y: 3000, text: "My annotation for Gentoc" },
{ species: "Chinstrap", x: 180, y: 4500, text: "My annotation for Chinstrap" }
]
Insert cell
data = FileAttachment("penguins.csv").csv({typed: 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