31:T74b,{ const svgDims = [600,170] const svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid white") const xScale = d3.scaleLinear().domain([0,10]).range([30,570]) const xAxis = svg.append("g").attr("transform",`translate(0,150)`).call(d3.axisBottom(xScale)) const blueGroup = svg.append("g").attr("transform",`translate(${xScale(6)},150)`) const redGroup = svg.append("g").attr("transform",`translate(${xScale(4)},150)`) for(let i = 0; i < n; i++){ redGroup.append("circle") .attr("stroke","black") .attr("fill","tomato") .attr("cx",xScale(red[i])-xScale(0)) .attr("cy",-20) .attr("r",4) } for(let i = 0; i < n; i++){ blueGroup.append("circle") .attr("stroke","black") .attr("fill","cornflowerblue") .attr("cx",xScale(blue[i])-xScale(0)) .attr("cy",-5) .attr("r",4) } svg.append("rect") .attr("x",xScale(0)) .attr("y",0) .attr("width",xScale(x) - xScale(0)) .attr("height",150) .attr("fill","tomato") .attr("opacity",.5) svg.append("rect") .attr("x",xScale(x)) .attr("y",0) .attr("width",xScale(10) - xScale(x)) .attr("height",150) .attr("fill","cornflowerblue") .attr("opacity",.5) svg.append("line") .attr("x1",xScale(x)) .attr("y1",150) .attr("x2",xScale(x)) .attr("y2",0) .attr("stroke","black") svg.append("line") .attr("x1",xScale(0)) .attr("y1",150) .attr("x2",xScale(0)) .attr("y2",0) .attr("stroke","black") svg.append("line") .attr("x1",xScale(10)) .attr("y1",150) .attr("x2",xScale(10)) .attr("y2",0) .attr("stroke","black") svg.append("line") .attr("x1",xScale(0)) .attr("y1",.5) .attr("x2",xScale(10)) .attr("y2",.5) .attr("stroke","black") yield svg.node() }32:[] 2f:{"title":"The Confusion Matrix","cells":[{"id":0,"value":"md`# The Confusion Matrix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"viewof n = number({min:0,max:50,step:1,value:0})","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"html`\n \n \n \n \n \n \n

	Predicted: Red	Predicted: Blue	Total
Actual: Red	${redRed} (TP)	${blueRed} (FN)	${n}
Actual: Blue	${redBlue} (FP)	${blueBlue} (TN)	${n}
Total	${predRed}	${predBlue}	${2*n}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"viewof x = slider({min:0,max:10,display:(v)=>{return `x < ${v} => red`},description:`set threshold`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"html`

Variables and Code

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":64,"value":"red = {\n const red = []\n for(let i = 0;i < n;i++){\n red.push(normal(0,1))\n }\n return red\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"blue = {\n const blue = []\n for(let i = 0;i < n;i++){\n blue.push(normal(0,1))\n }\n return blue\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"redRed = red.filter(d => d + 4 < x).length","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"redBlue = blue.filter(d => d + 6 < x).length","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"blueRed = red.filter(d => d + 4 >= x).length","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"blueBlue = blue.filter(d => d + 6 >= x).length","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"predRed = redRed + redBlue","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"predBlue = blueRed + blueBlue","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"normal = stdlib.base.random.normal","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"ss = require(\"https://unpkg.com/simple-statistics@6.1.0/dist/simple-statistics.min.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}