Published
Edited
Jan 1, 2022
3 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [Plot.dotX(data, { fill: data })],
x: {
interpolate: (a, b) => (t) =>
a + ((b - a) * (t + u * jumps(t))) / (1 + u * jumps(1))
}
})
Insert cell
jumps = d3.scaleLinear().rangeRound([-0.5, n - 0.5 - 0.00001])
Insert cell
Insert cell
Plot.plot({
marks: [Plot.dotX(data, { fill: data })],
x: {
type: "pow",
exponent: 3,
interpolate: (a, b) => (t) =>
a + ((b - a) * (t + u * jumps2(t))) / (1 + u * jumps2(1))
}
})
Insert cell
jumps2 = d3
.scalePow()
.exponent(1 / 4)
.rangeRound([-0.5, n - 0.5 - 0.00001])
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