2e:null 2f:["$","title",null,{"children":"Find All The Words: Quad Workout | Alex Wein | Observable"}] 34:T50e,{ let pangramsByLength = _.uniq(pangrams.map(x=>x.length)) .sort((a,b) => a - b) .map(i => ({ length: i, words: pangrams.filter(x => x.length === i), n_found: pangrams.filter(x => x.length === i && x.found === true).length })) let resultsByLength = _.uniq(results.map(x=>x.length)) .sort((a,b) => a - b) .map(i => ({ length: i, words: results.filter(x => x.length == i), n_found: results.filter(x => x.length == i && x.found === true).length })) let pangramDisplay = pangramsByLength .map(x => ''.concat(x.length,': ', x.n_found, '/', x.words.length)) .join(', ') pangramDisplay = 'Pangrams: ' + pangramDisplay let resultsDisplay = resultsByLength .map(x => ''.concat(x.length,': ', x.n_found, '/', x.words.length)) .join(', ') resultsDisplay = 'All Words: ' + resultsDisplay const lengthToList = x => { let text = (x.n_found > 0) ? '' + x.length + ' letters: ' + x.words.filter(x=> x.found === true).map(x=>x.word).join(', ') : '' return html`

${text}

` } let div = html`

${pangramDisplay}

${resultsDisplay}

Words Found:

${resultsByLength.map(lengthToList)}

` return div }35:T492,displayInGame = (data) => { const initDiv = x => { let color = x.clicked === true ? '#479d2f' : 'black' let backgroundColor = x.click_count > 0 ? '#bbdcac' : 'white' let div = html`

${x.letter.toUpperCase()}

` div.onpointerdown = e => handleClickState(x.id) return div } const initGroupZone = i => { let borderColor = activatedGroups.includes(i) ? '#bbdcac' : '#ccc' let borderWidth = activatedGroups.includes(i) ? 5 : 1 let div = html`

` return div } const container = html`

` const board = html`

` const divs = data.map(x => initDiv(x)) for (let i = 0; i < 4; ++i) { let groupZone = initGroupZone(i) groupZone.appendChild(divs[2 * i]) groupZone.appendChild(divs[2 * i + 1]) board.appendChild(groupZone) } // for (const el of divs) board.appendChild(el) container.appendChild(board) return container }36:[] 32:{"id":"13c6273e74b0a35a","slug":"find-all-the-words-quad-workout","title":"Find All The Words: Quad Workout","thumbnail":"5e9aac26d6397114f80036d373c0402445bc5e2105c9ae08aee5d8b3c4892efb","access_level":"public","create_time":"$D2024-01-06T21:26:49.647Z","update_time":"$D2025-04-27T14:56:27.419Z","view_time":null,"first_public_time":"$D2024-01-28T02:28:00.748Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"4093387c4c9e9fa0","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":"starter_2024"},"version":776,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"df192455c1e22a3a","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":null}],"members":[{"type":"individual","id":"df192455c1e22a3a","login":"a-lexwein","name":"Alex Wein","avatar_url":"https://avatars-next.observableusercontent.com/24e7d8a063682ac02c3dfe01ccd791dc00d5d7f9bcb16828adbcbf2faebb73a8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Find All The Words: Quad Workout","cells":[{"id":0,"value":"# Find All The Words: Quad Workout","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":196,"value":"## How to Play:\n\nEach board consists of four pairs of letters. Your goal is to find words that use at least one letter in each pair. You can use a letter more than once, but you can't repeat it twice in a row. There is always at least one eight-letter word that uses every letter. Valid words are based on [Wordnik's open source list](https://github.com/wordnik/wordlist/blob/main/wordlist-20210729.txt).\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":442,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"Plot.plot({\n height: 180,\n title: `${results.length} Words On Board`,\n caption: 'Do I need a caption?',\n color: { legend: true },\n marks: [\n Plot.rectY(\n results,\n Plot.binX({ y: \"count\" }, { x: \"length\", fill: \"found\", tip: true })\n ),\n Plot.ruleY([0])\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"mutable guess = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"displayInGame(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"viewof submit = Inputs.button(guessIsValid ? `${guess.toUpperCase()} is a valid word. submit!` : 'Invalid Guess', {reduce: handleSubmitState, disabled : !guessIsValid})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":378,"value":"viewof reset = Inputs.button('Reset', {reduce: handleReset})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"viewof newBoard = Inputs.button('New Board', {reduce: handleNewBoard})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":278,"value":"guessIsValid = isOnBoard(guess, currentBoard) && results.map(x=>x.word).includes(guess)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"activatedGroups = data\n .filter((x,i) => i % 2)\n .filter(x => x.group_activated === true)\n .map(x=>x.group)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"makeData = str => str\n .split('')\n .map((l,i) => ({\n id: i,\n letter: l,\n group: Math.floor(i/2),\n group_order: i % 2,\n click_count: 0,\n last_clicked: false,\n click_indexes: [],\n group_activated: false,\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"handleClick = (id, data) => {\n // You can't repeat the same letter twice in a row, so do nothing if the use clicks on last_clicked\n if(data[id].last_clicked === true) return data\n\n // otherwise, we'll make copy of the data and return the copy\n let copy = JSON.parse(JSON.stringify(data))\n let row = copy[id]\n row.click_count++\n row.click_indexes.push(clickCount)\n row.group_activated = true\n // not sure i'll end up needeing this, but the idea is to activate the other letter in the group\n // might make more sense to just normalize\n if(row.group_order === 0) copy[id + 1].group_activated = true\n if(row.group_order === 1) copy[id - 1].group_activated = true\n \n mutable clickCount++\n mutable guess = guess.concat(row.letter)\n return copy\n .map(x =>({ ...x, last_clicked: id === x.id }))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"handleClickState = id => {\n const output = handleClick(id, data)\n mutable data = output\n return output\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"handleSubmit = (word, results) => {\n let copy = JSON.parse(JSON.stringify(results))\n let record = copy.filter(x=> x.word === word)[0]\n record.found = true\n return copy\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":298,"value":"handleSubmitState = () => {\n const output = handleSubmit(guess, results)\n mutable results = output\n handleReset()\n return output\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"handleReset = () => {\n mutable clickCount = 0\n mutable guess = ''\n mutable data = makeData(currentBoard)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"handleNewBoard = () => {\n mutable currentPangram = _.sample(words)\n mutable currentBoard = scramble(currentPangram)\n mutable clickCount = 0\n mutable guess = ''\n mutable data = makeData(currentBoard)\n mutable results = wordsOnBoard(currentBoard, wordnik)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"mutable currentPangram = _.sample(words)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"mutable currentBoard = scramble(currentPangram)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"mutable data = makeData(currentBoard)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"mutable results = wordsOnBoard(currentBoard, wordnik)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":775,"value":"results.filter(x=>x.length === 4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"pangrams = results.filter(x=> x.n_letters_used === 8)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"mutable clickCount = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"wordnik = {\n const url = 'https://raw.githubusercontent.com/wordnik/wordlist/main/wordlist-20210729.txt';\n const response = await fetch(url)\n const text = await response.text()\n const rows = text.split('\\n')\n return rows.map(row => row.replace(/\"/g, ''))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"scramble = w => _(w.split('')).shuffle().join('')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"words = wordnik\n .filter(x => x.length == 8)\n .filter(x => _.uniq(x.split('')).length === x.length)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"wordbankSubset = (w1,w2) => {\n const wordbank = w => new Set(w.split(''))\n let set1 = wordbank(w1)\n let set2 = wordbank(w2)\n return [...set1].every(x => set2.has(x))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"noDupes = w => {\n let s = new Set(w.split(''))\n return s.size === w.length\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"noRepeats = w => {\n for (let i = 0; i < w.length - 1; ++i) {\n if(w[i] === w[i+1]) return false\n }\n return true\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"isOnBoard = (word,board) => {\n // test the word doesn't use the same letter twice in a row\n if(!noRepeats(word)) return false\n // if a word has a letter that precludes it from being formed, it isn't on the board\n if(!wordbankSubset(word,board)) return false\n // test that all four corners are used\n for (let i = 0; i < 8; i = i + 2) {\n if(!word.includes(board[i]) && !word.includes(board[i+1])) return false \n }\n\n // if it hasn't been eliminated yet, the word is on the board\n return true\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"wordsOnBoard = (board, wordlist) => wordlist\n .filter(w => isOnBoard(w, board))\n .map(x=>({\n word: x,\n length: x.length,\n n_letters_used: (new Set(x.split(''))).size,\n found: false,\n }))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":713,"value":"{\n // this was an attempt at a text input box. It works fine with console log, but the function I want to call is\n const div = html`

`\n\n const handleKeystroke = e => {\n e.preventDefault()\n \n console.log(e.key)\n // this is the call I want to make, but because handle click state depends on data\n // handleClickState(letterToId(e.key))\n }\n div.addEventListener(\"keydown\", handleKeystroke)\n return div\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"// letterToId = (letter) => data.filter(x => x.letter === letter)[0].id","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"