world0 = new Set([[13,9],[14,9],[15,9],[14,10],[13,11],[15,11]].map(rep))
rep = (xy) => xy.join(',')
derep = str => str.split(',').map(Number)
alive = (cell,world) => world.has(rep(cell))
new Set([[1,2]]).has([1,2])
function draw(w) {
return html`
<svg width=${width} height=${width/nx*ny}>
${[...w].map(derep).map(makeRect)}
</svg>`
}
function makeRect(cell) {
const [x,y] = cell;
const cellsize=width/nx;
return svg`<rect x=${cellsize*x} y=${cellsize*y} height=${cellsize} width=${cellsize} fill="red"/>`
}
draw(world0)
function neighbors(cell) {
const [cx,cy] = cell;
const all = [-1,0,1].flatMap(x => [-1,0,1].map(y => [cx+x,cy+y]));
return all.filter(n => rep(n) !== rep(cell));
}
function alive_next(cell,w) {
const live_neighbors = neighbors(cell).filter(n => alive(n,w)).length
if (!alive(cell,w))
return live_neighbors === 3;
else
return live_neighbors >=2 && live_neighbors <= 3;
}
alive_next([14,9],world0)
function evolve(world) {
const all = range(nx).flatMap(x => range(ny).map(y => [x,y]));
return new Set(all.filter(cell=>alive_next(cell,world)).map(rep));
}
function evolve_n(n) {
let c = world0;
for (var i = 0; i < n; ++i) {
c = evolve(c)
}
return c;
}
draw(evolve_n(steps))
world = {
let c = world0;
while (true) {
await Promises.delay(1000);
c = evolve(c)
yield c;
}
}
draw(world)
range = n => [...new Array(n).keys()]
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.
