2b:null 2c:["$","title",null,{"children":"Keep score on questions with groups of multiple choice answers (identifying forms) | Lingua Latina Project Classics | Observable"}] 31:T401,md`# Keep score on questions with groups of multiple choice answers (identifying forms) Create an interactive exercise where students are presented with a group of multiple-choice answers to a question. In this example, the question presents a dictionary and a form: the multiple-choice options are morphological properties of the word. (The cell named question could be altered to display a simple question instead.) The example URLs loaded by default in this notebook offer multiple-choice values for the tense and voice of finite subjunctive verb forms, with gender identified for perfect and pluperfect passive forms, but you can use this notebook to identify any multiple-choice options you choose (gender, case and number of nouns, for example, or person, number, tense, mood, and voice of finite verbs). A running tally keeps score of correct answers out of total answers. Students can reset the score to 0 at any time. Follow the instructions in the following cell to make your own exercise. `32:T6a4,html`

How to create your own quiz

1. Data files

You need to put two comma-separated files somewhere on the internet (maybe in a github repository).

a file with questions and answers. The first column should be the dictionary entry and the second column the form to identify. Include any morphological properties you like in further columns (e.g., gender, case and number for participles).
a two-column file listing allowed values for radio buttons. The first column should be the same name as a property in your question/answer file (e.g., tense. The second column should be a list of all possible values separated by the pipe character |.

Example data files: a question and answer file might look like this:

dictionary,form,tense,mood,voice amo/amare/amavi/amatus,amet,present,subjunctive,active amo/amare/amavi/amatus,amaretur,imperfect,subjunctive,passive

A corresponding file configuring radio buttons could be:

label,values tense,present|imperfect|perfect mood,indicative|subjunctive voice,active|passive

2. Configuring a notebook

Fork this notebook.
Enter or paste the URLs for your two csv files in the two (too narrow!) cells below.
That's it. There is no step 3!

Create a tidy presentation Get the two input cells with URLs out of your students' way by dragging them to the bottom of your notebook. Delete this cell of instructions, and add a cell introducing the exercise to your students.

`33:[{"id":"8d76e773e064c4c67920f9fa71b410f0acdf8e27dc1531412e8d149091e365e2f30a562071da92513dbd7af67832e4ee436eb7b82a7a9e0ea834b28b64a6ba55","href":"https://static.observableusercontent.com/files/8d76e773e064c4c67920f9fa71b410f0acdf8e27dc1531412e8d149091e365e2f30a562071da92513dbd7af67832e4ee436eb7b82a7a9e0ea834b28b64a6ba55","name":"embed.png","type":"image/png","lastModified":1605382919446.73,"size":132741}] 2f:{"id":"05b82c83c70176be","slug":"keep-score-identifying-forms","title":"Keep score on questions with groups of multiple choice answers (identifying forms)","thumbnail":"9d723c47ded163250bbb934b5a9c3b185d34c923fb647fae6ec8c7348654b470","access_level":"public","create_time":"$D2020-11-14T19:33:13.373Z","update_time":"$D2020-11-23T15:42:01.397Z","view_time":null,"first_public_time":"$D2020-11-14T19:39:36.336Z","fork":{"id":"001d686a3729e998","slug":"identify-subjunctive-forms","title":"Keep score identifying subjunctive forms","owner":{"id":"a9d1ba76bda8c238","login":"l3","name":"Lingua Latina Project Classics"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a9d1ba76bda8c238","login":"l3","name":"Lingua Latina Project Classics","avatar_url":"https://avatars-next.observableusercontent.com/56b07e9ba69e690e9cb3f902c97a95178ddb2f83f3f16c4560487a6f31ae3d33","tier":"starter_2024"},"version":641,"publish_version":641,"role":null,"authored":false,"authors":[{"type":"individual","id":"b4795bb2d8282618","login":"l3","name":"Lingua Latina Project Classics","avatar_url":"https://avatars-next.observableusercontent.com/56b07e9ba69e690e9cb3f902c97a95178ddb2f83f3f16c4560487a6f31ae3d33","tier":null}],"members":[{"type":"individual","id":"b4795bb2d8282618","login":"l3","name":"Lingua Latina Project Classics","avatar_url":"https://avatars-next.observableusercontent.com/56b07e9ba69e690e9cb3f902c97a95178ddb2f83f3f16c4560487a6f31ae3d33","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"a23cae61f5819ee6","slug":"templates","title":"templates","owner":{"id":"a9d1ba76bda8c238","login":"l3","name":"Lingua Latina Project Classics"}},"type":"notebook","body":{"title":"Keep score on questions with groups of multiple choice answers (identifying forms)","cells":[{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":620,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":253,"value":"radiosurl = \"https://raw.githubusercontent.com/LinguaLatina/textbook/master/quizbank/tense-voice-radios-v2.csv\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":238,"value":" qandaurl = \"https://raw.githubusercontent.com/LinguaLatina/textbook/master/quizbank/subjunctive-tense-voice-v4.csv\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":625,"value":"md`## How to embed your exercise in a web page\n\nChoose Embed from the from the ellipsis menu next to any cell, and include the cells illustrated above to create an iframe you can copy and paste into any web page.\n\n

\n${await FileAttachment(\"embed.png\").image()}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":627,"value":"md`## Embeddable cells for exercise\n\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":533,"value":"resetscore = {\n const button = html``;\n button.onclick = () => {\n viewof right.value = 0;\n viewof wrong.value = 0;\n mutable verified = html`Waiting for answer `\n }\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":527,"value":"score = {\n if ((right == 0) && (wrong == 0)) {\n return md`**Score**: 0/0`\n } else {\n return md`**Score**: ${right} / ${right + wrong}`\n }\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":590,"value":"mutable verified = html`Waiting for answer `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":67,"value":"// Use randomQuestion() function to shuffle data array and choose\n// first question as value of this button when clicked.\n//\nviewof quizdata = {\n const button = html``\n Object.defineProperty(button, \"value\", {get() { return value; }});\n button.onclick = () => {\n if (answer[radiolabels[0]] === undefined) {\n mutable verified = html`Waiting for answer `\n } else if (value == true) {\n ++viewof right.value;\n mutable verified = html`Analysis of ${quizdata.form}: Correct.`\n } else {\n ++viewof wrong.value\n mutable verified = html`Analysis of ${quizdata.form}: Wrong.`;\n }}\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":450,"value":"css = l3css","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":107,"value":"html`

Embed cells above to add this exercise to any web page as an iframe. Cells below this box just load data and code libraries and format data for display.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":260,"value":"radiodata = d3v5.csv(radiosurl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":330,"value":"radiolabels = radiodata.map(r => r.label)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"data = d3v5.csv(qandaurl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"// shuffle non-empty values from data\nshuffled = {\n const nonempty = data.slice().filter(d => d[col1name] != \"\")\n const shuffleddata = d3.shuffle(nonempty);\n return shuffleddata;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":46,"value":" columnnames = Object.keys(data[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":292,"value":"buttongroups = Object.keys(radiodata[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"col1name = columnnames[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":245,"value":"md`## Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":517,"value":"// incorrect answers \nviewof wrong = mut(0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":516,"value":"// correct answers \nviewof right = mut(0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":356,"value":"// see if user's answer is correct by checking\n// that all properties have correct value\nanswerok = function() {\n const ok = radiolabels.map(l => propertyok(l))\n return (! ok.includes(false))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":357,"value":"// true if correct value is chosen for a given property pname \npropertyok = function(pname) {\n return (answer[pname] == quizdata[pname])\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":478,"value":"randomQuestion = function() {\n return d3.shuffle(data)[0]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":264,"value":"// split string in an array on pipe character\nvalueslist = function(s) {\n return s.split(\"|\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":280,"value":"formatRadios = function() {\n const groupProperty = buttongroups[0]\n const valuesProperty = buttongroups[1]\n const htmlItems = radiodata.map(r => \"

\" + r[groupProperty] + \": \" + formatRadio(r[groupProperty], r[valuesProperty]) + \"

\")\n return htmlItems.join(\"\\n\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":274,"value":"formatRadio = function(group, values) {\n \n const valueList = values.split(\"|\")\n const htmlItems = valueList.map(v => \"\" + v + \"\")\n return htmlItems.join(\"\\n\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"md`## Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"d3v5 = require(\"d3@5\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"d3 = require(\"d3-array@2\", \"d3-random@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":73,"value":"import {button, slider, text} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":115,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":99,"value":"import {l3css} from \"@l3/shared\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":521,"value":"import {mut} from \"@jashkenas/manual-mutable-values\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":454,"value":"blocksCss = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"