Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
testRucksacks = parseRucksacks(test)
testIntersections = testRucksacks.map(intersectCompartments)
function parseRucksack(rucksack) {
return [
rucksack.slice(0, rucksack.length / 2),
rucksack.slice(rucksack.length / 2)
];
}
function intersectCompartments(compartments) {
return d3.intersection(...compartments);
}
function prioritizeItem(item) {
if ("a" <= item && item <= "z") return item.charCodeAt(0) - 'a'.charCodeAt(0) + 1;
if ("A" <= item && item <= "Z") return item.charCodeAt(0) - 'A'.charCodeAt(0) + 27;
throw new Error(`invalid item: ${item}`);
}
prioritizeItem("A")
input = FileAttachment("input.txt").text()
function parseRucksacks(input) {
return input.trim().split("\n").map(parseRucksack);
}
rucksacks = parseRucksacks(input)
intersections = rucksacks.map(intersectCompartments)
intersections.every((intersection) => intersection.size === 1)
priorities = intersections.map(([item]) => prioritizeItem(item))
d3.sum(priorities)
testGroup1 = parseRucksacks(test1)
testGroup2 = parseRucksacks(test2)
intersectGroup(testGroup1)
intersectGroup(testGroup2)
function intersectGroup(rucksacks) {
return d3.intersection(...rucksacks.map((compartments) => compartments.join("")));
}
groups = d3.groups(rucksacks, (_, i) => Math.floor(i / 3)).map(([id, rucksacks]) => rucksacks)
groupIntersections = groups.map(intersectGroup)
groupIntersections.every((intersection) => intersection.size === 1)
d3.sum(groupIntersections, ([item]) => prioritizeItem(item))
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.
