2b:null 2c:["$","title",null,{"children":"Synopsis: active forms | Neel Smith | Observable"}] 31:[] 2f:{"id":"00d275742b84f597","slug":"synopsis-active-forms","title":"Synopsis: active forms","thumbnail":"a29bb7a9e451a81f9ff37d87575a426c19600636abbeb3a9605324b56a64163d","access_level":"public","create_time":"$D2021-02-14T15:54:00.039Z","update_time":"$D2021-02-14T16:41:33.216Z","view_time":null,"first_public_time":"$D2021-02-14T15:59:02.865Z","fork":{"id":"e8b0405206cdfbd7","slug":"find-the-antecedent-2","title":"Find the antecedent","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":436,"publish_version":436,"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":"dd3b38d795747bd0","slug":"l3","title":"L3","owner":{"id":"2f2d343e6035eab6","login":"neelsmith","name":"Neel Smith"}},"type":"notebook","body":{"title":"Synopsis: active forms","cells":[{"id":0,"value":"md`# Synopsis: active forms\n\n---\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":331,"value":"// User selects a question:\nviewof questionchoice = {\n const topics = data.map(c => c[groupingColumn])\n return select({\n title: \"Choose a verb:\",\n value: \"conor\",\n options: topics\n})\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":82,"value":"question = {\n //var q = quizdata[groupingColumn]\n return md`First principal part: ***${questionchoice}***`\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"viewof answers = form(html``)\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":112,"value":"checkform = {\n const cname = columnnames[0]\n //return answers.\n const propsEmpty = columnnames.map(col => propempty(col))\n if (propsEmpty.includes(true)) {\n return md`Results will be displayed when all answers are suppplied.`\n } else {\n return md`${ok}`\n// if (ok) {\n// return md `Correct`\n// } else {\n// return md`One or more incorrect forms`\n// }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":175,"value":"css = l3css","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"md`---`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":73,"value":"html`

Embed cells above this box 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":24,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"url = \"https://raw.githubusercontent.com/neelsmith/latin102/main/common/quizdata/synopsis1-v2.csv\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"data = d3v5.csv(url)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":" columnnames = Object.keys(data[0]).slice(1,data.columns.size)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":256,"value":"groupingColumn = data.columns[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"// create an array of HTML strings for inputs:\nlabels = function() {\n return columnnames.map(n => \"

\" + n + \"

\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":184,"value":"md`### Form creation and analysis`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":333,"value":"// Choose row where question == selected question\nquizdata = {\n var rowmatch = data.filter(r => r[groupingColumn] == questionchoice)\n return rowmatch[0]\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":125,"value":"// true if no data entered for property\nfunction propempty(propname) {\n return answers[propname].length == 0\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":136,"value":"ok = {\n \n const answervals = columnnames.map(c => answers[c])\n const correctvals = columnnames.map( c => quizdata[c])\n \n var resultString = \"\"\n for (let step = 0; step < columnnames.length; step++) {\n if (correctvals[step] != answervals[step]) {\n resultString += \"

\" + answervals[step] + \"

\"\n }\n }\n if (resultString.length == 0) {\n return \"All correct\"\n } else {\n return (\"Incorrect forms:

\" + resultString + \"\")\n }\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":78,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"d3v5 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"d3 = require(\"d3-array@2\", \"d3-random@2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":328,"value":"import {select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"import {l3css, depipe} from \"@l3/shared\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"blocksCss = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"