Web developer and autodidact with an interest in creative coding.
Published unlisted
Edited
Sep 14, 2020
Importers
3 stars
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
testRNG(seedrandom.alea('3'), 800, 1e6)
function testRNG(rng, width, samples) {
const l = width, arr = new Uint32Array(l);
let n = samples;
while(n-- > 0) arr[ rng() * l | 0 ]++;
let min = Infinity, max = 0;
for(let i = 0; i < l; i++) {
if(max < arr[i]) max = arr[i];
if(min > arr[i]) min = arr[i];
}
console.log(min, max);
const d = new ImageData(width, max - min);
d.data.fill(255);
for(let x = 0; x < width; x++) {
for(let y = min; y < arr[x]; y++) {
const i = (x + (max-y-1) * width) * 4;
d.data.set([0,0,0], i);
}
}
const c = DOM.context2d(d.width, d.height, 1);
c.putImageData(d, 0, 0);
return c.canvas;
}
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.
