30:T4ee,{ b const svg = html`` const container = d3.select(svg) container.attr("style","width: 600px; height: 400px;") d3.selectAll(".row").remove() const table = d3.select("#probTable") const flip = ["H","T"] const flipTwice = ["HH","HT","TH","TT"] const roll = [1,2,3,4,5,6] const adopt = ["puppy","senior dog","adult dog"] const experiment = [flip,flipTwice,roll,adopt] let count = 0 container.append("circle") .attr("r",148) .attr("cx",300) .attr("cy",150) .attr("stroke","black") .attr("fill","#dbcbbd") .on("click",function(){ const position = d3.mouse(this) const x = position[0] const y = position[1] if(count < experiment[choice].length){ container.append("text") .attr("fill","white") .attr("font-size",20) .attr("x",x) .attr("y",y) .text(experiment[choice][count]) const row = table.append("tr") row.append("td").attr("class","row").text(experiment[choice][count]) row.append("td").attr("class","row").text(``).on("click",function(){ const target = d3.select(this) target.text(mutable a) }) count++ } }) return svg }31:[] 2e:{"title":"Probabilities","cells":[{"id":0,"value":"html`

Probabilities

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":553,"value":"html`\n \n \n \n \n

Outcome

P(Outcome)

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":423,"value":"viewof choice = radio({\n options:[{label:\"flip a coin\",value:0},{label:\"flip two coins\",value:1},{label:\"roll a die\",value:2},{label:\"adopt a pet\",value:3}],\n value:0\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":578,"value":"viewof p = slider({max:1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":419,"value":"viewof b = button({value:\"reset\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":622,"value":"1/6","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":602,"value":"mutable a = 0","pinned":false,"hidden":false,"mode":"ojs"},{"id":605,"value":"{\n mutable a = p\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}