30:T439,{ b const svg = html`` const container = d3.select(svg) container.attr("style","width: 600px; height: 300px;") const flip = ["H","T"] const flipTwice = ["HH","HT","TH","TT"] const roll = [1,2,3,4,5,6] const adopt = ["puppy","kitten","senior dog","senior cat","adult dog","adult cat"] 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]) .on("click",function(){ const target = d3.select(this) target.attr("fill","tomato") }) count++ } }) return svg }31:[] 2e:{"title":"Events","cells":[{"id":0,"value":"html`

Events

`","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":419,"value":"viewof b = button({value:\"reset\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":447,"value":"html`

Exercise 1

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":452,"value":"html`The event of getting a head when flipping a coin.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"html`

Exercise 2

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":457,"value":"html`The event of getting a head when flipping two coins.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"html`

Exercise 3

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":461,"value":"html`The event of getting a prime number when rolling a die.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":464,"value":"html`

Exercise 4

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":467,"value":"html`The event of adopting a baby when adopting a pet.`","pinned":false,"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"}],"files":"$W31","stdlib":"1","titling":"auto"}