Public
Edited
Jan 28, 2024
Insert cell
Insert cell
data = [{
label: 'Laschi',
floor: 0,
position: 'left'
}, {
label: 'Rodmel',
floor: 0,
position: 'right'
}, {
label: 'Hong',
floor: 1,
position: 'left'
}, {
label: 'Buiatti',
floor: 1,
position: 'right'
}, {
label: 'Delf',
floor: 2,
position: 'left'
}, {
label: 'Piro',
floor: 2,
position: 'right'
}, {
label: 'Cantini',
floor: 3,
position: 'left'
}, {
label: 'Trincone',
floor: 3,
position: 'right'
}, {
label: 'Rocchi',
floor: 4,
position: 'left'
}, {
label: 'Dreamer',
floor: 4,
position: 'right'
}, {
label: 'Rocchi',
floor: 5,
position: 'left'
}, {
label: 'Legale',
floor: 5,
position: 'right'
}]
Insert cell
Plot.plot({
marginBottom: 50,
insetBottom: 50,
width: 300,
marks: [
Plot.text(data, {x: "position", y: "floor", text: "label", dx: 10, textAnchor: "start"}),
Plot.dot(data, {x: "position", y: "floor", text: "label"}),
]
})
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