31:T634,viewof game = { const n = Inputs.range([3, 20], { value: 3, step: 1, label: "Number of doors (applies on game cycle)" }); const doors = viewroutine(async function*() { const history = new Map(); while (true) { const nChosen = n.value; let state = { history, doors: Array(nChosen).fill("closed") }; let prize = Math.floor(Math.random() * state.doors.length); let firstPick = yield* pickDoor(state); // Open other doors not the prize and not the one picked let otherDoor = prize; while (otherDoor === firstPick) { otherDoor = Math.floor(Math.random() * state.doors.length); } state.doors = state.doors.map((s, index) => index === otherDoor || index === firstPick ? "closed" : "openingEmpty" ); let secondPick = yield* pickDoor(state); const swapped = secondPick !== firstPick; state.doors = state.doors.map(s => (s === "openingEmpty" ? "empty" : s)); state.doors[secondPick] = secondPick === prize ? "openingPrize" : "openingEmpty"; yield* pickDoor(state); const won = secondPick === prize; const historyKey = JSON.stringify([swapped, nChosen]); if (!history.has(historyKey)) { history.set(historyKey, { n: 0, w: 0 }); } console.log( history, historyKey, history.has(historyKey), history.get(historyKey) ); if (won) history.get(historyKey).w++; history.get(historyKey).n++; } }); return view`

${n} ${doors}

`; }32:T6a5,doorButtons = async ({ doors, history } = {}, notify) => { const imgs = await promiseRecursive( doors.map(door => { if (door === 'closed') return FileAttachment("e0@1.jpg").image(); if (door === 'empty') return FileAttachment("e3@1.jpg").image(); if (door === 'prize') return FileAttachment("b3@1.jpg").image(); }) ); const buttons = doors.map((door, i) => door === 'closed' ? ((imgs[i].onclick = () => notify(i)), imgs[i]) : door === 'openingEmpty' ? viewroutine(openEmptyDoor.bind(null, invalidation)) : door === 'openingPrize' ? viewroutine(openPrizeDoor.bind(null, invalidation)) : imgs[i] ); const processed = [...history.keys()].map(key => { const [swapped, n] = JSON.parse(key); return { n, swapped, win_rate: history.get(key).w / history.get(key).n }; }); return htl.html`

${Plot.plot({ y: { domain: [0, 1] }, color: { domain: [false, true] }, x: { domain: [false, true] }, facet: { data: processed, x: "n" }, height: 200, marks: [ Plot.barY(processed, { x: "swapped", y: "win_rate", fill: 'swapped' }), Plot.ruleY([0]) ] })}

${buttons}

`; }33:[{"id":"a3ac093ffb6c9c174e1388e8d6a8ac41f02d43815914a28c7d60b9b34d684e03343f13a0635058730fc91ae8941e5d3169c7494851eade9b9ee4673f6c6b4803","href":"https://static.observableusercontent.com/files/a3ac093ffb6c9c174e1388e8d6a8ac41f02d43815914a28c7d60b9b34d684e03343f13a0635058730fc91ae8941e5d3169c7494851eade9b9ee4673f6c6b4803","name":"e1@1.jpg","type":"image/jpeg","lastModified":1624385767800.053,"size":5951},{"id":"8cf8606609ab5f341d3b7301510a3914e2179d2b3bb6b5e7fa95053c777b01c7a4a0e7f8d0b4698d4282857f98f39fb9d76dacb2792ec0793d2d109ef52ec6af","href":"https://static.observableusercontent.com/files/8cf8606609ab5f341d3b7301510a3914e2179d2b3bb6b5e7fa95053c777b01c7a4a0e7f8d0b4698d4282857f98f39fb9d76dacb2792ec0793d2d109ef52ec6af","name":"e3@1.jpg","type":"image/jpeg","lastModified":1624385768107.827,"size":6750},{"id":"2fbe0e4692064edbca40a631ff8f6a465a3de7ed6e205f822d774aec013f73667800c644c1222f691f4257463a5705bb61bd33631d71e7ecf95c4cefb4aa0a3e","href":"https://static.observableusercontent.com/files/2fbe0e4692064edbca40a631ff8f6a465a3de7ed6e205f822d774aec013f73667800c644c1222f691f4257463a5705bb61bd33631d71e7ecf95c4cefb4aa0a3e","name":"b3@1.jpg","type":"image/jpeg","lastModified":1624385768109.99,"size":8251},{"id":"59f32403bd50a7bfa6b0fb23a963f7a103818090589fce5e975edb071349245a673dcb96c926fce98c315d371ba5b7b0c988e8df851edfafad6e0bd7a43bc121","href":"https://static.observableusercontent.com/files/59f32403bd50a7bfa6b0fb23a963f7a103818090589fce5e975edb071349245a673dcb96c926fce98c315d371ba5b7b0c988e8df851edfafad6e0bd7a43bc121","name":"e0@1.jpg","type":"image/jpeg","lastModified":1624385768140.486,"size":6083},{"id":"f52d3be54b6313a8c59d2ef3410886857e31905dacbd2d218436c7e963f7e68c5b48d562304532ff20c9f58835e08bbdaecd3ef6368191010e96bb13ec715323","href":"https://static.observableusercontent.com/files/f52d3be54b6313a8c59d2ef3410886857e31905dacbd2d218436c7e963f7e68c5b48d562304532ff20c9f58835e08bbdaecd3ef6368191010e96bb13ec715323","name":"e2@1.jpg","type":"image/jpeg","lastModified":1624385767834.641,"size":6121},{"id":"ec64cf6bf3a84fa43cc4a7ee374c7c2ef61d7a5c97aabe90e6837556df7833ac62de70d9fbb86af012983fdbc567cf18cbbcd789af870192b47284ace8361175","href":"https://static.observableusercontent.com/files/ec64cf6bf3a84fa43cc4a7ee374c7c2ef61d7a5c97aabe90e6837556df7833ac62de70d9fbb86af012983fdbc567cf18cbbcd789af870192b47284ace8361175","name":"b1@1.jpg","type":"image/jpeg","lastModified":1624385767847.009,"size":5991},{"id":"3da03f4c24ede340abde30f47359d1eca36cc076532d19f4e2c9d5cba003680c3b153f73ff18aa00d58195a0443549a2e60a834ca11459f24bcf887ebdf52972","href":"https://static.observableusercontent.com/files/3da03f4c24ede340abde30f47359d1eca36cc076532d19f4e2c9d5cba003680c3b153f73ff18aa00d58195a0443549a2e60a834ca11459f24bcf887ebdf52972","name":"b2@1.jpg","type":"image/jpeg","lastModified":1624385767849.246,"size":7536},{"id":"4c7f1a50edd7c594c2d1217a2e606f62b58b20e34ae81e1d1203af9351d64bbae7f3a5660b8a67f9e474893f277603ae1070e211cc04414d1702e658c3a2d4da","href":"https://static.observableusercontent.com/files/4c7f1a50edd7c594c2d1217a2e606f62b58b20e34ae81e1d1203af9351d64bbae7f3a5660b8a67f9e474893f277603ae1070e211cc04414d1702e658c3a2d4da","name":"b0@1.jpg","type":"image/jpeg","lastModified":1624385768106.75,"size":6233}] 2f:{"title":"N-door Monty Hall","cells":[{"id":0,"value":"md`# N-door Monty Hall\n\nThe Monty Hall Problem:\n\nA gameshow host asks you to pick a door. It is not opened.\nNext, the gameshow host opens a different door NOT containing a prize.\nYou get to pick a door again, should you switch from your original guess?\n\nThis application lets you try different amounts of doors and keeps track of the win ratio and whether you swapped or not for you (using [Plot](https://observablehq.com/@observablehq/plot)).\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"pickDoor = async function*(doors) {\n let notify;\n const result = new Promise(resolve => (notify = resolve));\n yield doorButtons(doors, notify);\n return await result;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"async function* openEmptyDoor(finish) {\n yield FileAttachment(\"e0@1.jpg\").image();\n await Promises.delay(200);\n yield FileAttachment(\"e1@1.jpg\").image();\n await Promises.delay(200);\n yield FileAttachment(\"e2@1.jpg\").image();\n await Promises.delay(200);\n yield FileAttachment(\"e3@1.jpg\").image();\n await finish;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"async function* openPrizeDoor(finish) {\n yield FileAttachment(\"b0@1.jpg\").image();\n await Promises.delay(200);\n yield FileAttachment(\"b1@1.jpg\").image();\n await Promises.delay(200);\n yield FileAttachment(\"b2@1.jpg\").image();\n await Promises.delay(200);\n yield FileAttachment(\"b3@1.jpg\").image();\n await finish;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"md`The animations are quicker to load if you run through it once`","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"openPrizeDoor()","pinned":true,"hidden":false,"mode":"ojs"},{"id":213,"value":"openEmptyDoor()","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"import { viewroutine, ask } from '@tomlarkworthy/viewroutine'","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"import { view } from '@tomlarkworthy/view'","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"import { promiseRecursive } from '@tomlarkworthy/utils'","pinned":false,"hidden":false,"mode":"ojs"},{"id":335,"value":"import { footer } from \"@tomlarkworthy/footer\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":353,"value":"footer","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}