Public
Edited
Sep 28, 2023
Insert cell
Insert cell
data = FileAttachment("penguins.csv").csv({typed: true})
Insert cell
Plot.plot({
inset: 8,
grid: true,
color: {
legend: true,
},
marks: [
Plot.dot(data, {x: "flipper_length_mm", y: "body_mass_g", stroke: "sex"})
]
})
Insert cell
penguins.csv
X
species
Y
Color
#2bffff
Size
Facet X
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marks: [
Plot.barY(
await FileAttachment("penguins.csv").csv({ typed: "auto" }),
Plot.groupX({ y: "count" }, { x: "species", fill: "#2bffff", tip: true })
),
Plot.ruleY([0])
]
})
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