3e:null 3f:["$","title",null,{"children":"grader | Riley | Observable"}] 45:T860,viewof symbolStyle = { let styles = new Map(Object.entries({ plain: htl.html``]), // Observable fonts ...Object.entries({ monospace: "monospace", serif: "serif", "sans-serif": "sans-serif" }).map(([variable, label]) => [htl.html`Observable’s ${label}`, htl.html``]), // Google Fonts ...["Atkinson Hyperlegible", "Roboto Flex", "Roboto Slab", "Lexend"].map(name => [name, htl.html``]), // OpenDyslexic [htl.html`OpenDyslexic`, htl.html``] ] .map(([label, style]) => [label.outerHTML || label, style])); return Inputs.radio(options, { format([markup]) { let doc = new DOMParser().parseFromString(markup, "text/html"); let label; if (doc.body.childNodes.length > 1) { label = document.createDocumentFragment(); label.append(...doc.body.childNodes); } else { label = doc.body.firstChild; } return label; }, label: "font for answer symbols", value: Generators.valueAt(options.values(), 2) }) }47:T557,viewof rightAnswers = { let str = answerKey; let keySymbols = []; tokenizer: while (str) { for (let s of answerSymbols) { if (str.startsWith(s)) { keySymbols.push(s); str = str.slice(s.length).trimStart(); continue tokenizer; } } for (let s of answerSymbols) { let orig = s; s = s.toLowerCase(); if (str.slice(0, s.length).toLowerCase().startsWith(s)) { keySymbols.push(orig); str = str.slice(s.length).trimStart(); continue tokenizer; } } for (let [i, s] of answerSymbols.entries()) { i = Number.parseInt(i) + 1; if (str.startsWith(i)) { keySymbols.push(s); str = str.slice(`${i}`.length).trimStart(); continue tokenizer; } } try { (viewof answerKey).querySelector("textarea").setSelectionRange(answerKey.length - str.length, answerKey.length - str.length + 1, "backward"); } catch {} throw new SyntaxError(`no match for ${JSON.stringify(str.slice(0, 8))}`); } let elm = htl.html` answer key

${answerSymbols.map(sym => htl.html`${sym}`)}

`; elm.value = keySymbols; return elm; }48:T5e5,viewof studentAnswerSymbols = { let str = studentAnswers; let keySymbols = []; tokenizer: while (str) { for (let s of answerSymbols) { if (str.startsWith(s)) { keySymbols.push(s); str = str.slice(s.length).trimStart(); continue tokenizer; } } for (let s of answerSymbols) { let orig = s; s = s.toLowerCase(); if (str.slice(0, s.length).toLowerCase().startsWith(s)) { keySymbols.push(orig); str = str.slice(s.length).trimStart(); continue tokenizer; } } for (let [i, s] of answerSymbols.entries()) { i = Number.parseInt(i) + 1; if (str.startsWith(i)) { keySymbols.push(s); str = str.slice(`${i}`.length).trimStart(); continue tokenizer; } } try { (viewof studentAnswers).querySelector("textarea").setSelectionRange(studentAnswers.length - str.length, studentAnswers.length - str.length + 1, "backward"); } catch {} throw new SyntaxError(`no match for ${JSON.stringify(str.slice(0, 8))}`); } let elm = htl.html` student’s answers

${answerSymbols.map(sym => htl.html`${sym}`)}

`; elm.value = keySymbols; return elm; }49:T11fe,fontOpenDyslexic = { let archive = await FileAttachment("OpenDyslexic.zip").zip(); let styles = Object.create(null); let objURLs = new Set(); const FONT_WEIGHTS = new Map(Object.entries({ thin: 100, "extra-light": 200, light: 300, normal: 400, medium: 500, "semi-bold": 600, bold: 700, "extra-bold": 800, black: 900 }).map(([name, num]) => [new RegExp(`(?:^|\s)${[...name].map(c => /[a-z]/i.test(c) ? c : `\\u${c.codePointAt(0).toString(16).toUpperCase()}`).join("")}(?:\s|$)`, "i"), num])); archive = await Promise.all([...archive.filenames].map(async name => { let file = await archive.file(name).blob(); if (!file.type) { let magic = await file.slice(0, 32).text(); let newType; if (magic.startsWith("\x00\x01\x00\x00\x00")) { newType = "font/ttf"; } else if (magic.startsWith("OTTO")) { newType = "font/otf"; } else if (magic.startsWith("wOFF")) { newType = "font/woff"; } else if (magic.startsWith("wOF2")) { newType = "font/woff2"; } else if ( magic.match(/^\uFEFF?(\0{0,3})\<\1\?\1x\1m\1l\1 /), magic.match(/^\uFEFF?\<(\0{0,3})\?\1x\1m\1l\1 \1/), magic.startsWith("\x4C\x6F\xA7\x94\x93\x40") ) { newType = "image/svg+xml"; } if (newType) { file = new File([file], name, {type: newType}); } } if (!(file instanceof File)) { file = new File([file], name, {type: file.type}); } Object.defineProperty(file, nameParts.name, { get: nameParts, enumerable: true, configurable: true }); Object.defineProperty(file, Symbol.toStringTag, { get: fileTag, configurable: true }); objURLs.add(file.URL = URL.createObjectURL(file)); let basename = file.nameParts[0].toLowerCase().trim(); if (!(basename in styles)) { styles[basename] = new Set(); } styles[basename].add(file); return file; })); invalidation.then(() => { for (let objURL of objURLs) { URL.revokeObjectURL(objURL); } }); let out = Object.create(null); out.files = archive; out.styles = styles; if (globalThis.FontFace) { out.faces = []; } else { out.CSS = []; } for (let [style, files] of Object.entries(styles)) { let props = { family: "OpenDyslexic", display: "swap", style: /\bitalic\b/i.test(style) ? "italic" : /\boblique\b/i.test(style) ? "oblique" : "normal" }; for (let [test, weight] of FONT_WEIGHTS) { if (test.test(style)) { props.weight = weight; break; } } props.weight ||= "normal"; if (globalThis.FontFace) { for (let file of files) { let face = new globalThis.FontFace(props.family, `url(${JSON.stringify(file.URL)})`, props); out.faces.push(face); invalidation.then(() => document.fonts.delete(face)); document.fonts.add(face); } } else { let styleSnippet = [`@font-face { \tfont-family: ${JSON.stringify(props.family)}; \tfont-display: ${props.display}; \tfont-weight: ${props.weight}; \tfont-style: ${props.style};`]; let sources = [`local("OpenDyslexic 3")`]; for (let file of files) { let source = [`url(${JSON.stringify(file.URL)})`]; switch (file.type) { case "font/ttf": source.push(`format("truetype")`); break; case "font/otf": source.push(`format("${file.name.endsWith(".eot") ? "embedded-opentype" : "opentype"}")`); break; case "font/woff": source.push(`format("woff")`); break; case "font/woff2": source.push(`format("woff2")`); break; case "image/svg+xml": source.push(`format("svg")`); break; default: continue; } source.length > 1 && sources.push(source.join(" ")); } styleSnippet.push( `\tsrc: ${sources.join(", ")};`, `}` ); out.CSS.push(styleSnippet.join("\n")); } } if (out.CSS) { out.CSS = htl.html``; document.head.append(out.CSS); invalidation.then(() => out.CSS.remove()); } return out; function nameParts() { return this.name.split(/\.+/); } function fileTag() { return (this.type ? `${File.name}: ${this.type}: ${this.name || File.name}` : this.name ? `${File.name}: ${this.name}` : File.prototype[Symbol.toStringTag] || File.name ); } }4a:T46f,4b:[{"id":"bdcec470d40a16d59c3fe68f44cef5c417e8f01e2e58dd960b79626f0050c766c55634c380a14933a499396dca2b6321ab345f29232d6d22134fba8b75dc853b","href":"https://static.observableusercontent.com/files/bdcec470d40a16d59c3fe68f44cef5c417e8f01e2e58dd960b79626f0050c766c55634c380a14933a499396dca2b6321ab345f29232d6d22134fba8b75dc853b","name":"OpenDyslexic.zip","type":"application/zip","lastModified":1694133207465.618,"size":181386}] 43:{"id":"32cf980d8e72509d","slug":null,"title":"grader","thumbnail":"32f10ea5a3fe2786632b97d01a365d81c3248ef8616f091cf8aa765d12f1e07f","access_level":"public","create_time":"$D2023-09-07T22:45:15.269Z","update_time":"$D2023-09-11T00:13:53.992Z","view_time":null,"first_public_time":"$D2023-09-07T22:45:15.269Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"d2b7afa3a61febdf","login":"rmw4269","name":"Riley","avatar_url":"https://avatars-next.observableusercontent.com/839ad38e4ca0e32eaad7be29b5bc0c3a7f4304d5f91dd0f3642acf08015b6530","tier":"starter_2024","bio":"I enjoy spreadsheets and JavaScript way too much.","following":false},"version":425,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"817e538440b46e8a","login":"rmw4269","name":"Riley","avatar_url":"https://avatars-next.observableusercontent.com/839ad38e4ca0e32eaad7be29b5bc0c3a7f4304d5f91dd0f3642acf08015b6530","tier":null,"bio":"I enjoy spreadsheets and JavaScript way too much.\n\ntrust://Riley.science!","following":false}],"members":[{"type":"individual","id":"817e538440b46e8a","login":"rmw4269","name":"Riley","avatar_url":"https://avatars-next.observableusercontent.com/839ad38e4ca0e32eaad7be29b5bc0c3a7f4304d5f91dd0f3642acf08015b6530","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"grader","cells":[{"id":0,"value":"# grader","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"viewof answerSymbolText = Inputs.text({\n label: \"answer symbols\",\n value: \"ABCDE\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"htl.html`\nsymbols\n

${sym}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"viewof numericStyle = {\n let wrap = htl.html`

\n numeric style\n ${Inputs.form([\n Inputs.toggle({\n label: \"old style\",\n values: [\"oldstyle-nums\", \"lining-nums\"]\n }),\n Inputs.toggle({\n label: \"fixed width\",\n values: [\"tabular-nums\", \"proportional-nums\"]\n }),\n Inputs.toggle({\n label: \"slashed zero\",\n values: [\"slashed-zero\", \"\"]\n })\n ])}\n

`;\n Object.defineProperty(wrap, \"value\", {\n get() { return new Set(this.querySelector(\":scope > :not(legend)\").value.filter(Boolean)); },\n configurable: true\n });\n return wrap;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":347,"value":"numericStyle","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"viewof contrast = Inputs.range([0, 1], {\n value: 0.25,\n step: 0.0625,\n width: 128,\n format(n) { return n.toFixed(4); }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"viewof answerKey = {\n let box = Inputs.textarea({\n label: \"answer key\",\n placeholder: \"ABCDE\",\n spellcheck: false,\n autocomplete: false,\n autocapitalise: false,\n minlength: 1,\n rows: 4\n });\n box.querySelector(\"textarea\").classList.add(\"optlike\");\n return box;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"viewof studentAnswers = {\n let box = Inputs.textarea({\n label: \"student’s answers\",\n placeholder: \"ABCDE\",\n spellcheck: false,\n autocomplete: false,\n autocapitalise: false,\n minlength: 1,\n rows: 4\n });\n box.querySelector(\"textarea\").classList.add(\"optlike\");\n return box;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":407,"value":"\n\n \n \n \n\n

${(viewof rightAnswers)/*.cloneNode(Infinity)*/}

${(viewof studentAnswerSymbols)/*.cloneNode(Infinity)*/}

${(viewof stats)/*.cloneNode(Infinity)*/}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":383,"value":"viewof stats = {\n let rightCount = 0;\n let totalCount = rightAnswers.length;\n let guessCount = Math.min(studentAnswerSymbols.length, totalCount);\n for (let [q, guess] of studentAnswerSymbols.entries()) {\n (guess == rightAnswers[q]) && rightCount++;\n }\n let elm = htl.html`

cummulative: ^{${rightCount}}/_{${guessCount}} = ${percentFormat.format(100 * rightCount / guessCount)}%
total: ^{${rightCount}}/_{${totalCount}} = ${percentFormat.format(100 * rightCount / totalCount)}%

`;\n elm.value = {\n right: rightCount,\n guesses: guessCount,\n total: totalCount,\n score: {\n cummulative: rightCount / guessCount,\n total: rightCount / totalCount\n }\n };\n return elm;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"percentFormat = globalThis.Intl?.NumberFormat\n ? Intl.NumberFormat(undefined, {\n minimumFractionDigits: 0,\n maximumFractionDigits: Math.ceil(Math.max(0, Math.log10(rightAnswers.length) - 1)),\n notation: \"standard\"\n })\n : {format(n) { return n.toString(); }}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":379,"value":"studentAnswerSymbols","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":"rightAnswers","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"fontSelection","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"symbolStyle","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"answerSymbols = [...answerSymbolText.matchAll(/\\s+/g)].length > (answerSymbolText.length > 2 ? 0 : 1)\n ? answerSymbolText.split(/\\s+/)\n : [...answerSymbolText.matchAll(/,+/g)].length > (answerSymbolText.length > 2 ? 0 : 1)\n ? answerSymbolText.split(/,+/)\n : Runes.runes(answerSymbolText)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"Runes = import(\"//CDN.Skypack.dev/runes2@1.1?min\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"$4a","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 44:"$43:body"