25:["$","title",null,{"children":"Spelling test | Visnu Pitiyanuvath | Observable"}] 4c:T87c,const spellingTest = (() => { let order = d3.shuffle(words.slice()); let i = -1; const status = html`Press “Next word” to begin (${order.length} words).`; const answers = html`

`; const details = html`

👀 Answers

${answers}

`; const renderAnswers = () => { answers.replaceChildren(...order.slice(0, i + 1).map((d) => html`

${d.word} — ${d.sentence}

`)); }; const speak = (text) => { speechSynthesis.cancel(); const u = new SpeechSynthesisUtterance(text); const v = voicePicker.picker.value; if (v) { u.voice = v; u.lang = v.lang; } u.rate = voicePicker.rate.value; speechSynthesis.speak(u); }; // e.g. "1. sleigh. Grogu would love to ride a sleigh across the snowy plains of Hoth. sleigh." const prompt = (n) => `${n + 1}. ${order[n].word}. ${order[n].sentence} ${order[n].word}.`; const next = html``; const repeat = html``; const restart = html``; next.onclick = () => { if (i >= order.length - 1) return; i++; speak(prompt(i)); repeat.disabled = false; renderAnswers(); status.textContent = `Word ${i + 1} of ${order.length}`; if (i === order.length - 1) { next.disabled = true; status.textContent += " — that’s the last one!"; } }; repeat.onclick = () => i >= 0 && speak(prompt(i)); restart.onclick = () => { speechSynthesis.cancel(); order = d3.shuffle(words.slice()); i = -1; next.disabled = false; repeat.disabled = true; details.open = false; renderAnswers(); status.textContent = `Press “Next word” to begin (${order.length} words).`; }; invalidation.then(() => speechSynthesis.cancel()); return display(html`

${next}${repeat}${restart}

${status}${details}

`); })();4d:T9a8,const voicePicker = await (async () => { // Browsers may load voices asynchronously; wait for them (up to 2s). const voices = await new Promise((resolve) => { const got = () => speechSynthesis.getVoices(); if (got().length) return resolve(got()); speechSynthesis.addEventListener("voiceschanged", () => resolve(got()), {once: true}); setTimeout(() => resolve(got()), 2000); }); const novelty = /^(Albert|Bad News|Bahh|Bells|Boing|Bubbles|Cellos|Wobble|Good News|Jester|Organ|Superstar|Trinoids|Whisper|Zarvox|Fred|Junior|Kathy|Ralph|Grandma|Grandpa|Eddy|Flo|Reed|Rocko|Sandy|Shelley)\b/i; const id = (v) => `${v.name} ${v.voiceURI}`; const quality = (v) => /premium/i.test(id(v)) ? "Premium" : /enhanced/i.test(id(v)) ? "Enhanced" : /super-compact/i.test(v.voiceURI) ? "basic" : ""; const score = (v) => (/premium/i.test(id(v)) ? 50 : 0) + (/enhanced|neural|natural/i.test(id(v)) ? 40 : 0) + (/online|google|microsoft/i.test(v.name) ? 30 : 0) + (/siri/i.test(id(v)) ? 25 : 0) + (/super-compact/i.test(v.voiceURI) ? -5 : 0) + (/^(Samantha|Daniel|Karen|Moira|Tessa|Ava|Allison|Susan|Tom|Evan|Zoe|Serena|Kate|Oliver|Jamie|Nathan|Joelle|Noelle)/i.test(v.name) ? 10 : 0) + (/^en-US/i.test(v.lang) ? 3 : 0); const seen = new Set(); const english = voices .filter((v) => /^en/i.test(v.lang) && !novelty.test(v.name)) .filter((v) => seen.has(v.voiceURI) ? false : seen.add(v.voiceURI)) .sort((a, b) => score(b) - score(a) || a.name.localeCompare(b.name)); // null = don't set a voice; let the browser/OS use its default (your macOS system voice, if the browser supports it) const picker = Inputs.select([null, ...english], { label: "Voice", format: (v) => { if (!v) return "System default"; const q = quality(v); return `${v.name} (${v.lang})${q && !v.name.includes(q) ? ` · ${q}` : ""}${v.localService ? "" : " ☁️"}`; } }); const rate = Inputs.range([0.5, 1.2], {label: "Speed", step: 0.05, value: 0.85}); const test = html``; test.onclick = () => { speechSynthesis.cancel(); const u = new SpeechSynthesisUtterance("Your first word is: achieve."); if (picker.value) { u.voice = picker.value; u.lang = picker.value.lang; } u.rate = rate.value; speechSynthesis.speak(u); }; const el = html`

${picker}${rate}${test}

`; el.picker = picker; el.rate = rate; return display(el); })();4e:T66d,const words = ` Grogu caused all kinds of *mischief* by sneaking frog eggs from the passenger's jar. The wizard's broom flew so high it bumped into the castle *ceiling*. The orc army laid *siege* to the dwarf fortress for seven days and nights. Luke felt huge *relief* when R2-D2 finally fixed the broken X-wing engine. The evil Emperor's *reign* over the galaxy finally came to an end. The space pirate's *niece* stole his map to the hidden treasure planet. After slaying the dragon, the knight spent his *leisure* time playing video games. Every young Padawan must train hard to *achieve* the rank of Jedi Knight. The brave rebels would never *yield* to the Empire, no matter what. Chewbacca thought the slimy alien food on Tatooine tasted really *weird*. The bragging wizard's *conceit* made him forget to guard his spell book. Luke was filled with *grief* when Darth Vader struck down Obi-Wan. The Ringwraith let out a terrible *shriek* in the dark forest. The *fierce* dragon guarded its giant pile of gold and jewels. Stormtroopers tried to *seize* the stolen Death Star plans. A sneaky goblin *thief* crept into the cave and stole the magic ring. Luke and Han would *receive* medals for helping destroy the Death Star. Grogu would love to ride a *sleigh* across the snowy plains of Hoth. The droid printed a *receipt* after selling Han Solo a new hyperdrive. The pilot raised the energy *shield* just before the asteroid hit the ship. `.trim().split("\n").map((line) => { const text = line.trim(); const word = text.match(/\*(.+?)\*/)[1]; return {word, sentence: text.replace(/\*/g, "")}; });4f:[] 48:{"id":"62360e3ab4ca8013","slug":"spelling-test","title":"Spelling test","thumbnail":"dfe17d0ac03495a6d00776e7a85c0be38ff6342f8af4c07e98076dff84046034","access_level":"public","create_time":"$D2026-10-25T17:13:46.383Z","update_time":"$D2026-10-25T18:00:01.032Z","view_time":null,"first_public_time":"$D2026-10-25T17:34:12.914Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"31b136fdb993b00a","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":"pro_2026","bio":"","followed_by_you":false,"follows_you":false},"version":58,"publish_version":58,"role":null,"authored":false,"authors":[{"type":"individual","id":"dbf69c13a14d2f62","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"31b136fdb993b00a","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":"pro_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Spelling test","cells":[{"id":1,"value":"# Spelling test\n\nLoki needs to practice for his spelling test.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$4c","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$4d","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"**Tip (macOS):** For the best voice, set your system voice to **Siri** (System Settings → Accessibility → Spoken Content → System Voice), then leave the picker on **System default**. Otherwise, choose a downloaded Premium or Enhanced voice from the list instead.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"$4e","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"2"}} 24:null