Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
function parseStack(input) {
const stacks = [];
const moves = [];
const [part1, part2] = input.split("\n\n");
for (const line of part1.split("\n").slice(0, -1)) {
for (let i = 1, n = line.length, j = 1; i < n; i += 4, ++j) {
switch (line[i]) {
case " ": continue;
default:
(stacks[j] ??= []).push(line[i]);
break;
}
}
}
for (const line of part2.trim().split("\n")) {
const {groups: {n, src, dst}} = /^move (?<n>\d+) from (?<src>\d+) to (?<dst>\d+)$/.exec(line);
moves.push({n, src, dst});
}
return {stacks, moves};
}
testState = parseStack(test)
{
let i = 0;
for (const stacks of processMoves(testState)) {
yield stacks;
if (++i > testStep) break;
}
}
function* processMoves({stacks, moves}) {
stacks = stacks.map((stack) => stack.slice());
yield stacks;
for (let {n, src, dst} of moves) {
src = stacks[src];
dst = stacks[dst];
for (let i = 0; i < n; ++i) {
dst.unshift(src.shift());
}
yield stacks;
}
}
input = FileAttachment("input.txt").text()
state = parseStack(input)
stacks = processMoves(state)
getTopCrates(stacks)
function getTopCrates(stacks) {
return stacks.map((stack) => stack[0]).slice(1).join("");
}
function* processMoves9001({stacks, moves}) {
stacks = stacks.map((stack) => stack.slice());
yield stacks;
for (let {n, src, dst} of moves) {
src = stacks[src];
dst = stacks[dst];
dst.unshift(...src.splice(0, n));
yield stacks;
}
}
{
let i = 0;
for (const stacks of processMoves9001(testState)) {
yield stacks;
if (++i > testStep2) break;
}
}
stacks2 = processMoves9001(state)
getTopCrates(stacks2)
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.
