viewof badGuessColor = Inputs.color({value: "#bb0000"})
viewof goodGuessColor = Inputs.color({value: "#16a716"})
focus = {
//feels like there's a better way to do this
guess;
document.getElementById('guess').focus()
}
drawRecord = (x) => {
return htl.html.fragment `<tr>
<td style="color:${x.points ? goodGuessColor : badGuessColor}">${x.guess}</td>
<td style="color:${x.points ? goodGuessColor : badGuessColor}">${x.currentWord}</td>
<td>${x.currentWord.length}</td>
</tr>
`
}
guessValue = {
while(true){
try {yield document.getElementById('guess').value.toUpperCase()}
catch {yield Promises.delay(100)}
}
}
currentLinks = {
const links = []
for (let i = 1; i < currentWord.length; ++i) {
links.push([currentWord[i-1],currentWord[i]])
}
return links
}
guessLinks = {
const links = []
for (let i = 1; i < guessValue.length; ++i) {
links.push([guessValue[i-1],guessValue[i]])
}
return links
}
goodGuessLinks = {
const current = _.countBy(currentLinks.map(x => x[0] + x[1]))
const guess = _.countBy(guessLinks.map(x => x[0] + x[1]))
const guessKeys = Object.keys(guess)
const out = []
for (const key of guessKeys) {
for (let i = 0; i < Math.min(guess[key], current[key]); i++) {
out.push(key)
}
}
return out.map(x => [x[0], x[1]])
}
remainingLinks = {
const current = currentLinks.map(x => x[0] + x[1])
const currentDistinct = _.uniq(current)
const guess = guessLinks.map(x => x[0] + x[1])
const remaining = []
for (let i = 0; i < currentDistinct.length; ++i) {
// get the number of times element appears in current
const occurencesInCurrent = current.filter(x => x === currentDistinct[i]).length
// get number of time element appears in guess
const occurencesInGuess = guess.filter(x => x === currentDistinct[i]).length
// append difference
const occurencesInRemaining = occurencesInCurrent - occurencesInGuess
for (let j = 0; j < occurencesInRemaining; j++) remaining.push(currentDistinct[i])
}
return remaining.map(x => [x[0], x[1]])
}
badGuessLinks = {
const current = _.countBy(currentLinks.map(x => x[0] + x[1]))
const guess = _.countBy(guessLinks.map(x => x[0] + x[1]))
const guessKeys = Object.keys(guess)
const out = []
for (const key of guessKeys) {
for (let i = 0; i < guess[key] - (current[key] ? current[key] : 0); i++) {
out.push(key)
}
}
return out.map(x => [x[0], x[1]])
}
currentNodes = [... new Set(currentWord.split(''))]
guessNodes = [... new Set(guessValue.split(''))]
goodGuessNodes = _.intersection(guessNodes, currentNodes)
badGuessNodes = _.difference(guessNodes, currentNodes)
handleEnter = (guess) => {
const isGoodGuess = guess.toUpperCase() === currentWord
const points = isGoodGuess ? 1 : 0
let scoreAfter = score + points
mutable score = scoreAfter
const ts = new Date()
log({guess: guess.toUpperCase(), currentWord, isGoodGuess, points})
mutable currentWord = pickWord2(wordLengthBounds[0], wordLengthBounds[1], minRepeatedLetters)
}
pickWord2 = (min, max, minRepeat) => {
let word = pickWord(min, max)
let i = 0
while (word.length - _.uniq(word.split('')).length < minRepeat && i < 3000) {
word = pickWord(min, max)
i++
}
return word
}
mutable currentWord = pickWord2(wordLengthBounds[0], wordLengthBounds[1], minRepeatedLetters)
mutable history = []
mutable score = 0
log = (data) => {
mutable history = [data, ...history]
}
import {pickWord} from '@a-lexwein/find-a-big-word-boggle-like'
import {rangeSlider} from '@mootari/range-slider@1312'
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.
