Published
Edited
Aug 29, 2018
2 stars
rule = 18 // Change this to any number between 0 and 255
ncolumns = 80
display = {
let map = starting_map;
let string = print(map);
while (true) yield Promises.delay(1000, string += print(map = evolve(map, rule)));
}
function evolve(arr, rules) {
let ruleSet = [];
ruleSet = zeroFill(8, rules.toString(2))
.split('')
.reverse();
ruleSet.forEach((item, i) => {
ruleSet[i] = parseInt(item, 10);
});
const oldArr = [];
arr.forEach((item) => {
oldArr.push(item);
});
oldArr.unshift(0);
oldArr.push(0);
const newArr = [];
oldArr.forEach((item, i) => {
if (i > 0 && i < oldArr.length - 1) {
let str = '';
str = str + oldArr[i - 1] + item + oldArr[i + 1];
for (let x = 7; x > -1; x -= 1) {
if (str === zeroFill(3, x.toString(2))) {
newArr.push(ruleSet[x]);
}
}
}
});
return newArr;
}
function print(map) {
let str = '';
map.forEach((item) => {
if (item === 1) {
str += '█';
} else {
str += ' ';
}
});
return str + '\n';
}
starting_map = {
const map = new Array(ncolumns).fill(0);
map[Math.floor(map.length / 2)] = 1;
return map;
}
function zeroFill(n, s) {
let zeros = '';
for (let i = 0; i < n - s.length; i += 1) {
zeros += '0';
}
const str = zeros + s;
return str;
}
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.
