Public
Edited
Jul 25, 2023
Insert cell
Insert cell
penguins = d3.csv(
"https://raw.githubusercontent.com/allisonhorst/palmerpenguins/master/inst/extdata/penguins.csv",
d3.autoType
)
Insert cell
Insert cell
Plot.plot({
grid: true,
marginRight: 60,
facet: {label: null},
marks: [
Plot.frame(),
Plot.dot(penguins, {
x: "bill_length_mm",
y: "bill_depth_mm",
symbol: "circle"
}),
Plot.dot(penguins, Plot.selectMaxX({
x: "bill_length_mm",
y: "bill_depth_mm",
fill: "blue",
symbol: "times",
r: 5
}))
]
})
Insert cell
Insert cell
Plot.plot({
grid: true,
marginRight: 60,
facet: {label: null},
marks: [
Plot.frame(),
Plot.dot(penguins, {
x: "bill_length_mm",
y: "bill_depth_mm"
}),
Plot.dot(penguins, Plot.selectMaxX({
x: "bill_length_mm",
y: "bill_depth_mm",
stroke: "blue",
symbol: "times",
r: 5
}))
]
})
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