2c:null 2d:["$","title",null,{"children":"Template for selfquiz: comment on highlighted text | Neel Smith | Observable"}] 32:[] 30:{"id":"bf018051b618d1b7","slug":"template-for-selfquiz-comment-on-highlighted-text","title":"Template for selfquiz: comment on highlighted text","thumbnail":"35e9f821173d01f277fc6c03cf6049be71c506caaf961be6e9870d1fde238c20","access_level":"public","create_time":"$D2021-09-09T13:54:58.132Z","update_time":"$D2021-09-09T13:55:39.705Z","view_time":null,"first_public_time":"$D2021-09-09T13:55:53.881Z","fork":{"id":"33003792ef4b82bb","slug":"lingua-latina-legenda-unit-1-quiz-yourelf-on-noun-forms","title":"Lingua Latina Legenda unit 1: quiz yourself on noun forms","owner":{"id":"2f2d343e6035eab6","login":"neelsmith","name":"Neel Smith"}},"stars":0,"starred":false,"owner":{"type":"team","id":"2f2d343e6035eab6","login":"neelsmith","name":"Neel Smith","avatar_url":"https://avatars-next.observableusercontent.com/cc0e400b185275121581094163c19ed8bf7f164818e286eb8052f78ea2dd1962","tier":"starter_2024"},"version":767,"publish_version":767,"role":null,"authored":false,"authors":[{"type":"individual","id":"8d6d964e9ab21681","login":"neelsmith","name":"Neel Smith","avatar_url":"https://avatars-next.observableusercontent.com/cc0e400b185275121581094163c19ed8bf7f164818e286eb8052f78ea2dd1962","tier":null}],"members":[{"type":"individual","id":"8d6d964e9ab21681","login":"neelsmith","name":"Neel Smith","avatar_url":"https://avatars-next.observableusercontent.com/cc0e400b185275121581094163c19ed8bf7f164818e286eb8052f78ea2dd1962","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"e6b7c56448530f7a","slug":"l3-textbook","title":"L3-textbook-templates","owner":{"id":"2f2d343e6035eab6","login":"neelsmith","name":"Neel Smith"}},"type":"notebook","body":{"title":"Template for selfquiz: comment on highlighted text","cells":[{"id":0,"value":"md`# Template for selfquiz: comment on highlighted text\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":247,"value":"// Let user choose from options of all lexemes matching\nviewof group = {\n const topics = uniq(data.map(d => d[groupingcolumn]))\n return select({\n title: \"Select a sentence:\",\n value: \"conor\",\n options: topics\n})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":512,"value":"// this input should be questions going with this topic\nviewof chosenquestion = {\n return select({\n title: \"Select a question:\",\n value: \"conor\",\n options: questions\n})\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":724,"value":"{\n const questiondata = selected.filter(d => d.question == chosenquestion)\n const hilighted = hl(group, questiondata[0].highlight)\n return md`### Noun to analyze\n\n ${hilighted}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":545,"value":"// enter answer here\nviewof answer = text({\n placeholder: \"Enter answer\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":546,"value":"// check answer here\ncheck = {\n const key = chosenquestion\n const record = selected.filter(d => d[questioncolumn] == key).map(d => d[answercolumn])\n \n if (answer.length == 0) {\n return html`Waiting for answer`\n } else if (record[0] == answer) {\n return html`Correct.`\n } else {\n return html`Wrong.`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":52,"value":"html`

Cells below this box just load data and code libraries, and format the search results for display.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":384,"value":"md`**Data we download**: \n\nDownload a 3-column csv file, with contents organized as topic, question and answer.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":583,"value":"url = \"https://raw.githubusercontent.com/neelsmith/latin101/master/F20/quizbank/nouns2.csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":464,"value":"data = d3.csv(url)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":530,"value":"md`**Organizing and formatting data**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":716,"value":"// Highlight occurrences of s2 in s1\nhl = function(s1,s2) {\n return s1.replaceAll(s2, \"\" + s2 + \"\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":571,"value":"// filter data for group by user\nselected = data.filter(d => d[groupingcolumn].includes( group))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":470,"value":"colnames = Object.keys(data[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":513,"value":"questions = selected.map(d => d[questioncolumn].replace(/[/]/g,\", \"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":524,"value":"answers = selected.filter(d => d[answercolumn]).map(d => d[answercolumn])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":683,"value":"groupingcolumn = colnames[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":479,"value":"questioncolumn = colnames[1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":481,"value":"answercolumn = colnames[2]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":395,"value":"md`**Libraries we need**:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"import {text, select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":490,"value":"import {uniq} from \"@neelsmith/utilities\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"d3 = require(\"d3@5\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":402,"value":"md`**Formatting results**:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":140,"value":"// CSS for highlighting, etc:\nhtml``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 31:"$30:body"