Unlisted
Edited
Apr 6
Insert cell
Insert cell
Plot.raster([0, 5, 10], {
x: Plot.identity,
width: 100,
height: 1,
fill: (x) => x,
interpolate: "barycentric",
imageRendering: "pixelated"
}).plot({ height: 50, color: { scheme: "Spectral" }, y: { axis: null } })
Insert cell
Plot.raster([0, 5, 10], {
x: Plot.identity,
width: 100,
height: 1,
fill: (x) => x,
interpolate: "random-walk",
imageRendering: "pixelated"
}).plot({ height: 50, color: { scheme: "Spectral" }, y: { axis: null } })
Insert cell
Plot.raster([0, 5, 10], {
x: Plot.identity,
width: 100,
height: 1,
fill: (x) => x,
interpolate: "nearest",
imageRendering: "pixelated"
}).plot({ height: 50, color: { scheme: "Spectral" }, y: { axis: null } })
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