2b:null 2c:["$","title",null,{"children":"Testing ~~mutable~~ checkboxes | Mike Bostock | Observable"}] 31:[] 2f:{"id":"d4b24554b7e2497c","slug":null,"title":"Testing ~~mutable~~ checkboxes","thumbnail":"e30b969fca42729d17e1a9b8035804be4ffc2e8b8260edbd8b3ee2e91a2ddb7b","access_level":"unlisted","create_time":"$D2018-11-28T22:15:02.924Z","update_time":"$D2018-11-28T22:16:42.281Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"cdb20030e2fbb25b","slug":"testing-mutable-checkboxes","title":"Testing mutable checkboxes (minimal tweak)","owner":{"id":"a8afac7fc0f0a766","login":"bbischof","name":"Bryan"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":"pro_2026"},"version":76,"publish_version":76,"role":null,"authored":false,"authors":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null}],"members":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Testing ~~mutable~~ checkboxes","cells":[{"id":0,"value":"md`# Testing ~~mutable~~ checkboxes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"md`Consider I have the following toggle boxes:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"viewof toggle_boxes = {\n const form = html``;\n form.value = [];\n return form;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"md`They produce this array, which is data I'll need in a moment`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"toggle_boxes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"md`I also have this button which is smartly named 'sample'.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof observations = {\n const form = html``;\n form.sample.onclick = event => {\n form.value = form.value.concat(toggle_boxes[Math.random() * toggle_boxes.length | 0]);\n form.dispatchEvent(new CustomEvent(\"input\"));\n event.preventDefault();\n };\n form.reset.onclick = event => {\n form.value = [];\n form.dispatchEvent(new CustomEvent(\"input\"));\n event.preventDefault();\n };\n form.value = [];\n return form;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md` This uses the information in my toggle_boxes array to append some data to a list of 'observations': `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"observations","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"N=8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"