Public
Edited
Oct 11, 2023
2 forks
10 stars
Insert cell
Insert cell
Plot.plot({
axis: null,
inset: 15,
y: { type: "log" },
marks: [
Plot.gridY({ stroke: "red" }),
Plot.link(
numbers
.flatMap(([i, j, k]) => [
[
[i - 1, j, k],
[i, j, k]
],
[
[i, j - 1, k],
[i, j, k]
],
[
[i, j, k - 1],
[i, j, k]
]
])
.filter(([n]) => d3.min(n) >= 0),
{
x1: ([n]) => x(n),
y1: ([n]) => value(n),
x2: ([, n]) => x(n),
y2: ([, n]) => value(n),
stroke: "lightblue"
}
),
Plot.dot(numbers, {
x: x,
y: value,
r: 12,
fill: "white",
stroke: "black"
}),
Plot.text(numbers, {
x: x,
y: value,
text: value
})
]
})
Insert cell
N = 511
Insert cell
numbers = d3
.cross(
d3.range(1 + Math.log(N) / Math.log(2)),
d3.range(1 + Math.log(N) / Math.log(3)),
d3.range(1 + Math.log(N) / Math.log(5))
)
.filter((d) => value(d) <= N)
Insert cell
x = ([i, j, k]) => 0.5 * i + 2 * j - 3.6 * k
Insert cell
value = ([i, j, k]) => 2 ** i * 3 ** j * 5 ** k
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