Public
Edited
Dec 21, 2023
Insert cell
Insert cell
import { aq, op } from '@uwdata/arquero';
Insert cell
olympians_aq = aq.from(olympians)
Insert cell
olympians_aq.view()
Insert cell
o_add = olympians_aq.derive({
concatenated: d => op.concat(d.id, '\n', d.name, '\n', d.date_of_birth),
})
Insert cell
Insert cell
Plot.plot({
style: "overflow: visible;",
marks: [
Plot.dot(o_add, { x: "height", y: "weight" }),
Plot.tip(
o_add,
Plot.pointerY({
x: "height",
y: "weight",
anchor: "bottom-right",
title: (d) => d.concatenated
})
)
]
})

Insert cell
Insert cell
Plot.plot({
margin: 100,
marks: [
Plot.dot(o_add, { x: "height", y: "weight" }),
Plot.tip(
o_add,
Plot.pointerY({
x: "height",
y: "weight",
anchor: "bottom-right",
title: (d) => d.concatenated
})
)
]
})
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