2b:null 2c:["$","title",null,{"children":"Wordle Tools | Michael Cooper | Observable"}] 31:T795,htl.html`

Guesses

Words remaining

${grades.flat().map( (d) => htl.html`

${spoilerMode ? "" : d.letter}

` )}

${Plot.plot({ x: { reverse: false, label: "" }, y: { tickFormat: null, tickSize: 0, label: "" }, marks: [ Plot.barX(plotData, { x: "count", y: "index", fill: "black" }), Plot.text(plotData, { x: "count", y: "index", text: "count", dx: 10, dy: -8, textAnchor: "start" }), ...(spoilerMode ? [] : [ Plot.text(plotData, { x: "count", y: "index", text: (d) => bestWordsFrom(d.words, 4).join(", ") + (d.words.length > 4 ? ", …" : ""), dx: 10, dy: 8, textAnchor: "start" }) ]) ], width: Math.min(width - (cellSize + gapSize) * 5, 600), height: gridHeightInclGaps + 7 + 4, marginLeft: 0, marginTop: 0, marginRight: 200, marginBottom: 0 })}

`32:T6b4,viewof reverseGrid = { let middleId = `middle-${DOM.uid().id}`; let rightId = `right-${DOM.uid().id}`; let output = view`

${[ "letters", Array.from({ length: 5 * 6 }).map(() => Square({ className: "square", onClick: update }) ) ]}

`; function update() { let results = []; let letters = output.value.letters; for (let idx = 0; idx < letters.length; idx += 5) { results.push(letters.slice(idx, idx + 5)); } let answersFrom = words; let rows = results.map((result) => { let possibleWords = gradeAnswer(reverseAnswer, result, answersFrom); let likelyWords = bestWordsFrom(possibleWords, 3); // todo: update `answersFrom` to simulate a player learning things from this guess return { possible: possibleWords, likely: likelyWords }; }); d3.select(output) .select(`#${rightId}`) .selectAll("div") .data(rows) .join("div") .text( (d) => `${d.possible.length} - ${d.likely.join(", ")}${ d.possible.length > d.likely.length ? ", ..." : "" }` ) .style("height", `${cellSize}px`); //.style("line-height", `${cellSize}px`); d3.select(`#${middleId}`); } update(); return output; }33:[{"id":"0e4f7088454b9a9f0d89d853ba74830fc28b54a72bcb615d4882073d7c29953635f9f796fc38b63adc9b4a37ca87c67eb816e224f65fe4e34066b9af11b1e77d","href":"https://static.observableusercontent.com/files/0e4f7088454b9a9f0d89d853ba74830fc28b54a72bcb615d4882073d7c29953635f9f796fc38b63adc9b4a37ca87c67eb816e224f65fe4e34066b9af11b1e77d","name":"unigram_freq.csv","type":"text/csv","lastModified":1659040575689.143,"size":4956252}] 2f:{"id":"c1658e3fad6a408c","slug":"wordle-tools","title":"Wordle Tools","thumbnail":"38be28668a9cd0c56e0014c2d9fbee2c794753bc9f9671eb36a4bfa0f2970302","access_level":"public","create_time":"$D2022-06-20T22:43:06.652Z","update_time":"$D2022-11-27T17:36:33.573Z","view_time":null,"first_public_time":"$D2022-08-13T19:21:16.549Z","fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"3a9cb3bb8fb63f67","login":"mythmon","name":"Michael Cooper","avatar_url":"https://avatars-next.observableusercontent.com/60cdc428c59f56064db989dbde23b5af37103628a470beeebd56d0c18c206120","tier":"starter_2024"},"version":860,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"b2ae65df1901fe65","login":"mythmon","name":"Michael Cooper","avatar_url":"https://avatars-next.observableusercontent.com/60cdc428c59f56064db989dbde23b5af37103628a470beeebd56d0c18c206120","tier":null}],"members":[{"type":"individual","id":"b2ae65df1901fe65","login":"mythmon","name":"Michael Cooper","avatar_url":"https://avatars-next.observableusercontent.com/60cdc428c59f56064db989dbde23b5af37103628a470beeebd56d0c18c206120","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Wordle Tools","cells":[{"id":0,"value":"# Wordle Tools\n\nSome things to satisfy my curiosity when playing Wordle.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":279,"value":"## Training\n\nUse this to figure out how well you did after-the-fact. After typing in the correct word and your guesses, you'll see a chart of the remaining possible words. Only use lowercase letters here.\n\nThere is a bug when your guess has double letters that the answer does not have. As a workaround, if your guess has double letters and only one is grey, use a capital letter for the grey one.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":167,"value":"viewof correctWord = Inputs.text({label: \"Correct Word\", value: \"found\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":146,"value":"viewof guesses = Inputs.textarea({ label: \"Guesses\", rows: 6, width: 240, value: \"canoe\\nsnowy\\nnorth\\nwould\\nmound\\nfound\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":832,"value":"viewof spoilerMode = Inputs.toggle({ label: \"Spoiler Mode\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":550,"value":"{\n let el = htl.html``;\n invalidationListener(el, \"click\", invalidation, () => {\n (viewof correctWord).value = \"\";\n (viewof correctWord).dispatchEvent(new Event(\"input\"));\n (viewof guesses).value = \"\";\n (viewof guesses).dispatchEvent(new Event(\"input\"));\n });\n return el;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":137,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":546,"value":"_Upper case words are valid Wordle answers. Lowercase words are valid guesses, but probably aren't the answer._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":619,"value":"---\n## Reverse Engineer\n\nUse this if you know someone else's pattern, and the answer for the day. Try and work backwards to the guesses they made. It will tell you the likely words they might have put into that row. Each row is considered independently for now.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":629,"value":"viewof reverseAnswer = Inputs.text({ label: \"Answer\", value: \"found\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":631,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":126,"value":"---\n## Cheating\n\nUse this for when you get really stuck. Use \"`.`\" to represent characters you don't know yet. Double letters can sometimes confuse this tool. Consider leaving out the second time any letter appears in a guess.\n\nThe algorithm this uses is very weak. It only considers how common a word is when sorting the remaining options, and doesn't apply and strategy.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":46,"value":"viewof knowledgeForm = (reset,\nInputs.form({\n green: Inputs.text({ label: \"Green\", value: \"\", placeholder: \".....\" }),\n grey: Inputs.text({ label: \"Grey\", value: \"\" }),\n yellows: Inputs.textarea({\n label: \"Yellows\",\n value: \"\",\n placeholder: \".....\\n.....\"\n })\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":81,"value":"**Top remaining options:** ${bestWordsFrom(cheatingPossibles.map(d => d[0]), 6).join(\", \")}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":603,"value":"cheatingPossibles = d3.sort(\n possibilities(progressiveKnowledge).map((w) => [w, scoreWord(w)]),\n (d) => -d[1]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":87,"value":"viewof reset = Inputs.button(\"Reset\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":83,"value":"---\n# Code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":740,"value":"function gradeAnswer(correctWord, results, possibleWords = words) {\n let joined = results.join(\",\");\n let rv = [];\n for (let word of possibleWords) {\n let results = gradeWord(correctWord, word).map((d) => d.color);\n if (results.join(\",\") === joined) rv.push(word);\n }\n return rv;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":182,"value":"grades = guesses\n .split(/\\s+/)\n .filter((s) => s.trim().length)\n .map((guess) => gradeWord(correctWord, guess))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":336,"value":"plotData = retroRemaining.map((words, index) => ({\n index,\n count: words.length,\n words\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":319,"value":"retroRemaining = retroPossibilities\n .map(possibilities)\n .map((ds) => d3.sort(ds, (d) => -scoreWord(d)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":313,"value":"retroPossibilities = {\n let rv = [];\n for (let i = 0; i < grades.length; i++) {\n let knowledgeSoFar = { green: [], grey: new Set(), yellow: [] };\n for (let grade of grades.slice(0, i + 1)) {\n grade.forEach((d, index) => {\n if (d.color === \"grey\") knowledgeSoFar.grey.add(d.letter);\n if (d.color === \"yellow\")\n knowledgeSoFar.yellow.push({ letter: d.letter, index });\n if (d.color === \"green\")\n knowledgeSoFar.green.push({ letter: d.letter, index });\n });\n }\n rv.push(knowledgeSoFar);\n }\n return rv;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":245,"value":"cellSize = Math.min(width / 12, 62)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":248,"value":"gapSize = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":254,"value":"gridHeightInclGaps = cellSize * grades.length + gapSize * (grades.length - 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":23,"value":"progressiveKnowledge = ({\n green: Array.from(knowledgeForm.green).map((letter, index) => ({\n letter: letter === \".\" ? null : letter,\n index\n })),\n grey: new Set(knowledgeForm.grey),\n yellow: knowledgeForm.yellows.split(\"\\n\").flatMap((line) =>\n Array.from(line).flatMap((letter, index) =>\n letter === \".\"\n ? []\n : [\n {\n letter,\n index\n }\n ]\n )\n )\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"possibilities = (knowledge) =>\n words.filter((word) => {\n for (let { letter, index } of knowledge.green.filter((d) => d.letter)) {\n if (letter && word.charAt(index) !== letter) return false;\n }\n for (let letter of Array.from(word)) {\n if (knowledge.grey.has(letter)) return false;\n }\n for (let { letter, index } of knowledge.yellow) {\n if (word.charAt(index) === letter) return false;\n if (!word.includes(letter)) return false;\n }\n return true;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":133,"value":"function gradeWord(correct, guess) {\n correct = Array.from(correct);\n guess = Array.from(guess);\n let yellowOptions = [...correct];\n\n return d3.zip(correct, guess).map(([c, g], index) => {\n let color = \"purple\";\n if (c === g) {\n color = \"green\";\n yellowOptions.splice(yellowOptions.indexOf(g), 1);\n } else if (correct.includes(g) && yellowOptions.includes(g)) {\n color = \"yellow\";\n yellowOptions.splice(yellowOptions.indexOf(g), 1);\n } else color = \"grey\";\n return { letter: g, color };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":365,"value":"colorMap = ({\n green: \"#6aaa64\",\n yellow: \"#c9b458\",\n grey: \"#787c7e\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":471,"value":"wordLists = (await import(\"https://cdn.skypack.dev/wordle-wordlist@1.0.1c?min\"))\n .default","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":477,"value":"likelyWords = new Set(await wordLists.answers())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":481,"value":"words = wordLists.all()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":93,"value":"// from https://www.kaggle.com/datasets/rtatman/english-word-frequency\nwordFreqs = {\n let cacheKey = \"@mythmon/wordle-tools/word-frequencies\";\n let start = performance.now();\n try {\n let rv = JSON.parse(localStorage.getItem(cacheKey));\n if (rv) {\n console.log(\n `Loaded word frequency list from cache in ${\n performance.now() - start\n }ms`\n );\n return rv;\n }\n } catch {\n // that's ok\n }\n let rv = Object.fromEntries(\n (await FileAttachment(\"unigram_freq.csv\").csv())\n .filter((d) => d.word.length === 5)\n .filter((d) => words.includes(d.word))\n .map((d) => ({ ...d, count: +d.count }))\n .map(({ word, count }) => [word, count])\n );\n localStorage.setItem(cacheKey, JSON.stringify(rv));\n console.log(\n `Generated word frequency list in ${performance.now() - start}ms`\n );\n return rv;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":519,"value":"normalizedFreqs = {\n let freqs = Object.entries(wordFreqs);\n let max = d3.max(freqs, (d) => d[1]);\n return Object.fromEntries(freqs.map(([word, freq]) => [word, freq / max]));\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":526,"value":"scoreWord = (word) => {\n word = word.toLowerCase();\n return (likelyWords.has(word) ? 1 : 0) + (normalizedFreqs[word] ?? 0);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":535,"value":"bestWordsFrom = (list, limit = 4) =>\n d3\n .sort(list, (w) => -scoreWord(w))\n .slice(0, limit)\n .map((w) => (likelyWords.has(w) ? w.toUpperCase() : w))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":564,"value":"import {invalidationListener} from \"@mythmon/bonus-lib@86\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":635,"value":"function Square({ value = \"grey\", className = \"\", onClick = () => {} } = {}) {\n let colorCycle = Object.keys(colorMap);\n let output = htl.html`

`;\n output.value = value;\n\n function update(nextValue = output.value) {\n if (nextValue !== output.value) {\n output.value = nextValue;\n output.dispatchEvent(new Event(\"input\", { bubbles: true }));\n }\n output.style.backgroundColor = colorMap[output.value];\n }\n\n invalidationListener(output, \"click\", invalidation, () => {\n let index = colorCycle.indexOf(output.value);\n index = (index + 1) % colorCycle.length;\n update(colorCycle[index]);\n onClick();\n });\n\n update();\n return output;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":729,"value":"import { view } from \"@tomlarkworthy/view\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"