Public
Edited
Feb 5, 2024
length = 1000000
evens = Uint32Array.from({ length }, (v, n) => n * 2)
evenMag = evens.map((n) => {
let i = 0;
while (n > 1 && n % 2 === 0) {
n /= 2;
i++;
}
return i;
})
odds = evens.map((n) => n + 1)
nextEven = odds.map((n) => 3 * n + 1)
nextEvenMag = evenMag.filter((n, i) => i % 3 == 2)
nextOdd = nextEven.map((n) => {
while (n % 2 === 0) n >>= 1;
return n;
})
Plot.plot({
x: { domain: [0, length] },
color: { scheme: "Observable10" },
marks: [
Plot.arrow(
{ length },
{
x1: odds,
x2: nextOdd,
y1: 0,
y2: nextEvenMag,
stroke: nextEvenMag,
bend: -20,
filter: (d, i) => nextEvenMag[i] > 14
}
)
]
})
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.
