Mathematical engineer. Software developer at Act Now Coalition.
renderItems(puzzleInput)
renderItems = (inputText) => {
const _width = Math.min(600, width);
const parts = parseInput(inputText);
const n = parts.length;
const dy = 14;
const baseStyle = "font-family: Monospace; fill: #1FA774";
const styleLeft = `text-anchor: end;${baseStyle}`;
const renderLeft = (item) => {
const [partA, partB] = item;
const shared = getSharedItem(partA, partB);
const chars = partA.map((c) =>
c === shared
? svg`<tspan fill="#FF6163" font-weight="bold">${c}</tspan>`
: c
);
return svg`<text x="-5" style="${styleLeft}">${chars}</text>`;
};
const renderRight = (item) => {
const [partA, partB] = item;
const shared = getSharedItem(partA, partB);
const chars = partA.map((c) =>
c === shared
? svg`<tspan fill="#FF6163" font-weight="bold">${c}</tspan>`
: c
);
return svg`<text x="5" style="${baseStyle}">${chars}</text>`;
};
return svg`
<svg width=${_width} height=${n * dy}>
<g transform="translate(${_width / 2}, 0)">
${parts.map(
(item, itemIndex) => svg`
<g transform="translate(0, ${(1 + itemIndex) * dy})">
${renderLeft(item)}
${renderRight(item)}
</g>`
)}
</g>
</svg>
`;
}
prioritySum = _.sum(priorityList)
priorityList = data.map(([a, b]) => getSharedItem(a, b)).map((c) => priority(c))
data = parseInput(puzzleInput)
import { NEWLINE } from "@pnavarrc/advent-of-code-utils"
function priority(char) {
const lower = "abcdefghijklmnopqrstuvwxyz";
const upper = lower.toUpperCase();
const all = `${lower}${upper}`.split("");
return all.findIndex((d) => d === char) + 1;
}
puzzleInput = FileAttachment("2022-03-puzzle-input.txt").text()
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.
