Public
Edited
Jul 22, 2023
Importers
1 star
Plot.plot({
width: width,
x: {
type: "band",
inset: 10,
ticks: 2,
label: null
},
y: {
//inset: 5,
grid: false,
fill: "white",
stroke: "white",
label: null
},
facet: {
label: null
},
marginRight: 0,
marginLeft: 70,
symbol: { type: "categorical", legend: true },
marks: [
Plot.axisY({
anchor: "right",
label: null
}),
Plot.axisFy({
anchor: "left"
}),
Plot.frame({
// 'zebra' frame fill based on frame index thanks @fil!
render: (index, scales, values, dimensions, context, next) =>
index.fi % 2 ? next(index, scales, values, dimensions, context) : null,
fill: "rgb(250,250,250)"
}),
Plot.dot(
data,
scalefreeY({
x: "x",
y: "category",
fy: "id",
stroke: "category",
fill: "category",
symbol: "category",
r: 5
})
),
Plot.tip(
data,
Plot.pointer({
x: "x",
y: "category",
fy: "id",
title: (d) => d.tooltip
})
)
]
})
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.
