2c:null 2d:["$","title",null,{"children":"find a (big) word, rings | Alex Wein | Observable"}] 32:T437,drawBoard = (sideLength, cur, color) => { let n = cur.word.length let angle = Math.PI * 2 / n const pts = [] for (let i = 0; i < n; i++) { pts.push({ x: 50 + 39 * Math.cos(i*angle), y: 50 + 39 * Math.sin(i*angle) }) } let r = 10 if (n > 12) r = 7 if (n > 17) r = 5 const onClick = function(i) { mutable clicked = i } return svg`\n ${input}\n ${button}\n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":719,"value":"viewof wordLengthBounds = rangeSlider({\n min: 5,\n max: 20,\n // Note that values must be specified as array of length 2.\n value: this ? this.value : [8, 16],\n // Custom slider CSS, replaces all styles.\n // Overrides the range color. Support for range colors is up to the theme.\n title: 'Min and Max of Possible Word Length',\n precision: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"html `\n\n \n \n \n \n\n\n${history.map((x,i) => drawRecord(x))}\n

	guess	valid answer	length

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"guessValue = {\n while(true){\n try {yield document.getElementById('guess').value}\n catch {yield Promises.delay(100) }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"mutable clicked = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"drawRecord = (x) => {\n \n return html.fragment `\n \n ${x.guess}\n ${x.word}\n ${x.word.length}\n\n\n`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"viewof correctColor = color(\"#16a716\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"viewof incorrectColor = color(\"#BB0000\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":523,"value":"viewof guessedColor = color(\"#999999\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"viewof boardColor = color(\"#266aa5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"validStructure = {\n const first = guessValue ? guessValue[0] == current.first : false\n const last = guessValue ? guessValue[guessValue.length - 1] == current.last : false\n \n if(!first) return `invalid`\n if (last) return 'structurally valid'\n else return 'incomplete'\n \n \n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"focus = {\n //feels like there's a better way to do this\n guess;\n document.getElementById('guess').focus()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"handleEnter = (guess) => {\n const isGoodGuess = validateGuess(guess, current)\n \n const ts = new Date()\n log({guess, ts, isGoodGuess, ...current})\n \n mutable current = getWord(wordLengthBounds[0],wordLengthBounds[1])\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"mutable current = getWord(wordLengthBounds[0],wordLengthBounds[1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":701,"value":"getWord = (minLength, maxLength) => {\n const filteredWords = words.filter(w => w.length >= minLength && w.length <= maxLength)\n return shuffle(filteredWords[d3.randomInt(0, filteredWords.length)()])\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":486,"value":"shuffle = w => {\n const output = {}\n \n output.word = w\n \n const order = d3.randomInt(0, 2)()\n let shuffleIndex = d3.randomInt(0, w.length)()\n let outword = w\n if (order) outword = w.split('').reverse().join('')\n \n outword = outword.slice(shuffleIndex,w.length) + outword.slice(0, shuffleIndex)\n output.shuffle = outword\n \n return output\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"validateGuess = (guess, cur) => {\n const out = \n // is a rotation\n (isRotationOf(cur.word, guess) ||\n // or reverse is a rotation\n isRotationOf(cur.word, guess.split('').reverse().join(''))) &&\n // is in the dictionary\n words.includes(guess)\n\n return out;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"isRotationOf = (s1, s2) => {\n if (s1.length != s2.length) return false\n let candidate = s2\n \n for (let i = 0; i < candidate.length; i++) {\n if (s1 === candidate) return true\n candidate = candidate.slice(1,s1.length) + candidate[0]\n }\n return false\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"isRotationOrReverseRotationOf = (s1, s2) => isRotationOf(s1,s2) ||\n isRotationOf(s1, s2.split('').reverse().join(''))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"log = (data) => {\n mutable history = [data, ...history]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"mutable history = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import {words} from '@a-lexwein/find-a-big-word'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"d3 = require('d3@6')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"import {aq, op} from '@uwdata/arquero'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"import {color} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"import {html, svg} from \"@observablehq/htl\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"import {rangeSlider} from '@mootari/range-slider@1312'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"