31:T43c,{ const svg = html`` const container = d3.select(svg) const xScale = makeXAxis(container,[-10,10],[30,570],150) const yScale = makeYAxis(container,[-10,10],[270,30],300) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",xScale(-10)) .attr("y1",yScale(6)) .attr("x2",xScale(10)) .attr("y2",yScale(6)) container.append("circle") .attr("r",5) .attr("cx",xScale(4)) .attr("cy",yScale(6)) container.append("circle") .attr("r",5) .attr("fill","skyblue") .attr("stroke","black") .attr("cx",xScale(-6)) .attr("cy",yScale(10)) container.append("text") .attr("x",xScale(-5.5)) .attr("y",yScale(10)) .text("(-6,10)") .attr("font-size",15) container.append("circle") .attr("r",5) .attr("fill","lime") .attr("stroke","black") .attr("cx",xScale(6)) .attr("cy",yScale(-8)) container.append("text") .attr("x",xScale(6.5)) .attr("y",yScale(-8)) .text("(6,-8)") .attr("font-size",15) return svg }32:T4fd,{ const svg = html`` const container = d3.select(svg) const xScale = makeXAxis(container,[-10,10],[30,570],150) const yScale = makeYAxis(container,[-10,10],[270,30],300) container.append("circle") .attr("r",5) .attr("fill","black") .attr("stroke","black") .attr("cx",xScale(-8)) .attr("cy",yScale(4)) container.append("text") .attr("x",xScale(-7.5)) .attr("y",yScale(4)) .text("(-8,4)") .attr("font-size",15) container.append("circle") .attr("r",5) .attr("fill","black") .attr("stroke","black") .attr("cx",xScale(2)) .attr("cy",yScale(-6)) container.append("text") .attr("x",xScale(2.5)) .attr("y",yScale(-6)) .text("(2,-6)") .attr("font-size",15) container.append("circle") .attr("r",5) .attr("fill","black") .attr("stroke","black") .attr("cx",xScale(7)) .attr("cy",yScale(8)) container.append("text") .attr("x",xScale(7.5)) .attr("y",yScale(8)) .text("(7,8)") .attr("font-size",15) container.append("line") .attr("stroke","tomato") .attr("stroke-width",3) .attr("x1",xScale(-10)) .attr("y1",yScale(.5*-10+2)) .attr("x2",xScale(10)) .attr("y2",yScale(.5*10+2)) return svg }33:T95f,pointsD = [{"x":3.585241533053299,"y":14.217616298247105},{"x":2.6406292076352234,"y":10.130597779645733},{"x":3.9393001471614646,"y":10.492074793001228},{"x":-7.126959044101401,"y":-22.629901845128654},{"x":3.9261835618993217,"y":15.21616562896536},{"x":7.108440520513636,"y":24.123452084345253},{"x":8.62338028506635,"y":28.712528471937034},{"x":-6.784896538084662,"y":-16.46069485783154},{"x":6.857505871832593,"y":19.737909647547333},{"x":-1.7662549666989094,"y":-6.733946057341704},{"x":9.417866095900521,"y":26.448130145502112},{"x":4.243038043107747,"y":14.678213698954838},{"x":-5.669440612030823,"y":-17.699475211841715},{"x":-2.5726680005936187,"y":-4.46362006102446},{"x":8.858322846798568,"y":25.39436001601804},{"x":1.7704638044977798,"y":3.5544581675813354},{"x":-9.450463849370964,"y":-28.377745695167917},{"x":-5.24279370251658,"y":-16.75058881148184},{"x":0.28037876275344686,"y":0.529378051517388},{"x":7.161135849390494,"y":22.705193811686776},{"x":-8.564242196192296,"y":-21.940346267893307},{"x":2.7281007200545897,"y":8.931255949294759},{"x":5.518539212447898,"y":16.76740136245633},{"x":2.539934130566813,"y":10.710221003521912},{"x":6.286596527650335,"y":22.784147878677544},{"x":3.555878570337928,"y":12.000378543576593},{"x":-4.775363239971084,"y":-12.067515301044647},{"x":-7.552102147851948,"y":-21.836541134329174},{"x":-5.601663744739379,"y":-17.384958081260734},{"x":9.214950139249321,"y":28.028731755970206},{"x":-2.896998806899191,"y":-9.774808345804523},{"x":-3.3807853106695056,"y":-6.279021066660576},{"x":-9.9632033594097,"y":-27.31598929509679},{"x":7.165065788740389,"y":20.63035770956949},{"x":4.063142918267307,"y":14.527722247472584},{"x":-5.009179835344323,"y":-11.161538821533938},{"x":3.16068831250681,"y":8.578239051070629},{"x":-0.7048009618112197,"y":-2.54547806347888},{"x":-1.512231184447943,"y":-5.526572324584819},{"x":-3.273546286341981,"y":-8.046617980897567},{"x":-0.7708262217956339,"y":-4.25458537678515},{"x":-9.19105061482845,"y":-29.030847580895205},{"x":3.4764423970722014,"y":13.279665386414436},{"x":-4.936083208554248,"y":-11.881307033658778},{"x":-5.376677450139576,"y":-12.179239445690264},{"x":-1.7093094130940951,"y":-4.295335619760806},{"x":6.927071259257403,"y":19.659502639895976},{"x":3.7946262679071694,"y":11.294044528835313},{"x":-0.09889217551732266,"y":-0.696148861213076},{"x":-7.702746852511743,"y":-20.837189726259346}]34:T979,pointsE = [{"x":-2.9967412450336903,"y":-5.917932906999049},{"x":1.593596615358022,"y":1.9879168196440515},{"x":2.110006510628615,"y":1.280023705354104},{"x":3.8896405051049694,"y":-11.538764880679672},{"x":-3.9409352316875053,"y":-8.628026849282557},{"x":-0.28686396322097174,"y":2.6268323335017274},{"x":-4.718436815942031,"y":-15.134523225645566},{"x":-0.9888838990608315,"y":4.56050041895085},{"x":3.661963104216005,"y":-12.270818431354458},{"x":-1.5239929508370746,"y":4.600409380203439},{"x":-1.5133931954007358,"y":0.5534508312906774},{"x":-0.5514439093658661,"y":2.5146008972790286},{"x":4.822285458177962,"y":-19.468361392644432},{"x":0.3799647514837945,"y":-1.4974841411979813},{"x":-3.4048299714852446,"y":-7.5517730920150274},{"x":0.2219212265620394,"y":4.8995786286590075},{"x":3.471541054117946,"y":-11.1296614684958},{"x":1.0633839429187288,"y":6.01786703165635},{"x":1.0833746015472903,"y":1.4060274968222568},{"x":-2.8257843048529105,"y":-3.626448436192187},{"x":2.8244600662228594,"y":-7.5469560146516255},{"x":2.35366007638401,"y":-1.9140118234076677},{"x":-0.4772009532370385,"y":4.325886273727756},{"x":4.341283784991205,"y":-11.559759695149408},{"x":-3.492219952102271,"y":-11.859244620151502},{"x":2.446824284825638,"y":-5.4924538401645275},{"x":-2.023832255645619,"y":-4.272472073483292},{"x":-0.6668162170670104,"y":0.19762780281760106},{"x":3.3298748408753127,"y":-10.869848766575858},{"x":0.27220461292210096,"y":-2.06369226204775},{"x":2.5404982400304537,"y":-7.646823191700389},{"x":-2.0209322786841915,"y":1.4016957774012022},{"x":0.8100573615139206,"y":-0.026323540537727563},{"x":3.4138854661295763,"y":-13.109631421269913},{"x":0.40526648910095453,"y":4.142499593526669},{"x":-2.5442004307552955,"y":-3.948967768913861},{"x":2.2406634348573116,"y":-3.340565252788499},{"x":-1.6293558418125595,"y":-0.6420393997047436},{"x":-2.067145430433621,"y":-0.49842505690686245},{"x":1.0441172490290471,"y":-0.9389684382718348},{"x":-2.4677792084071077,"y":-3.6640618304449006},{"x":1.76394420087761,"y":4.415366600947642},{"x":4.862573586689038,"y":-24.429216515918},{"x":-1.5584923997340323,"y":5.464107504340045},{"x":4.262721817833331,"y":-12.34785526308365},{"x":-4.710359959018188,"y":-15.466362510813346},{"x":-0.9128818130280365,"y":0.5861014489471961},{"x":2.437288899670637,"y":-4.827312326935577},{"x":2.328536762017669,"y":-4.801076825598864},{"x":-0.5721982877223883,"y":6.048657226636667}]35:T124c,curvePointsE = [{"x":-5,"y":-22},{"x":-4.9,"y":-21.010000000000005},{"x":-4.800000000000001,"y":-20.040000000000006},{"x":-4.700000000000001,"y":-19.09000000000001},{"x":-4.600000000000001,"y":-18.160000000000014},{"x":-4.500000000000002,"y":-17.250000000000018},{"x":-4.400000000000002,"y":-16.360000000000017},{"x":-4.3000000000000025,"y":-15.49000000000002},{"x":-4.200000000000003,"y":-14.640000000000025},{"x":-4.100000000000003,"y":-13.810000000000027},{"x":-4.0000000000000036,"y":-13.000000000000028},{"x":-3.9000000000000035,"y":-12.210000000000027},{"x":-3.8000000000000034,"y":-11.440000000000026},{"x":-3.7000000000000033,"y":-10.690000000000024},{"x":-3.600000000000003,"y":-9.960000000000022},{"x":-3.500000000000003,"y":-9.250000000000021},{"x":-3.400000000000003,"y":-8.56000000000002},{"x":-3.300000000000003,"y":-7.89000000000002},{"x":-3.200000000000003,"y":-7.240000000000018},{"x":-3.1000000000000028,"y":-6.610000000000017},{"x":-3.0000000000000027,"y":-6.000000000000016},{"x":-2.9000000000000026,"y":-5.410000000000014},{"x":-2.8000000000000025,"y":-4.840000000000014},{"x":-2.7000000000000024,"y":-4.290000000000013},{"x":-2.6000000000000023,"y":-3.760000000000012},{"x":-2.500000000000002,"y":-3.2500000000000115},{"x":-2.400000000000002,"y":-2.7600000000000104},{"x":-2.300000000000002,"y":-2.29000000000001},{"x":-2.200000000000002,"y":-1.8400000000000087},{"x":-2.100000000000002,"y":-1.4100000000000081},{"x":-2.0000000000000018,"y":-1.000000000000007},{"x":-1.9000000000000017,"y":-0.6100000000000065},{"x":-1.8000000000000016,"y":-0.24000000000000554},{"x":-1.7000000000000015,"y":0.10999999999999499},{"x":-1.6000000000000014,"y":0.4399999999999955},{"x":-1.5000000000000013,"y":0.749999999999996},{"x":-1.4000000000000012,"y":1.0399999999999965},{"x":-1.3000000000000012,"y":1.309999999999997},{"x":-1.200000000000001,"y":1.5599999999999974},{"x":-1.100000000000001,"y":1.7899999999999978},{"x":-1.0000000000000009,"y":1.9999999999999982},{"x":-0.9000000000000009,"y":2.1899999999999986},{"x":-0.8000000000000009,"y":2.3599999999999985},{"x":-0.700000000000001,"y":2.509999999999999},{"x":-0.600000000000001,"y":2.639999999999999},{"x":-0.500000000000001,"y":2.749999999999999},{"x":-0.400000000000001,"y":2.839999999999999},{"x":-0.30000000000000104,"y":2.9099999999999993},{"x":-0.20000000000000104,"y":2.9599999999999995},{"x":-0.10000000000000103,"y":2.9899999999999998},{"x":-1.0269562977782698e-15,"y":3},{"x":0.09999999999999898,"y":2.99},{"x":0.19999999999999898,"y":2.9600000000000004},{"x":0.299999999999999,"y":2.9100000000000006},{"x":0.399999999999999,"y":2.8400000000000007},{"x":0.499999999999999,"y":2.750000000000001},{"x":0.599999999999999,"y":2.6400000000000015},{"x":0.699999999999999,"y":2.5100000000000016},{"x":0.7999999999999989,"y":2.3600000000000017},{"x":0.8999999999999989,"y":2.190000000000002},{"x":0.9999999999999989,"y":2.000000000000002},{"x":1.099999999999999,"y":1.7900000000000023},{"x":1.199999999999999,"y":1.5600000000000023},{"x":1.2999999999999992,"y":1.3100000000000023},{"x":1.3999999999999992,"y":1.040000000000002},{"x":1.4999999999999993,"y":0.7500000000000018},{"x":1.5999999999999994,"y":0.4400000000000017},{"x":1.6999999999999995,"y":0.11000000000000165},{"x":1.7999999999999996,"y":-0.23999999999999844},{"x":1.8999999999999997,"y":-0.609999999999999},{"x":1.9999999999999998,"y":-0.9999999999999991},{"x":2.0999999999999996,"y":-1.4099999999999984},{"x":2.1999999999999997,"y":-1.839999999999999},{"x":2.3,"y":-2.289999999999999},{"x":2.4,"y":-2.76},{"x":2.5,"y":-3.25},{"x":2.6,"y":-3.7600000000000007},{"x":2.7,"y":-4.290000000000001},{"x":2.8000000000000003,"y":-4.840000000000002},{"x":2.9000000000000004,"y":-5.410000000000002},{"x":3.0000000000000004,"y":-6.0000000000000036},{"x":3.1000000000000005,"y":-6.610000000000003},{"x":3.2000000000000006,"y":-7.240000000000004},{"x":3.3000000000000007,"y":-7.890000000000004},{"x":3.400000000000001,"y":-8.560000000000006},{"x":3.500000000000001,"y":-9.250000000000007},{"x":3.600000000000001,"y":-9.960000000000006},{"x":3.700000000000001,"y":-10.690000000000008},{"x":3.800000000000001,"y":-11.440000000000008},{"x":3.9000000000000012,"y":-12.21000000000001},{"x":4.000000000000001,"y":-13.000000000000007},{"x":4.1000000000000005,"y":-13.810000000000006},{"x":4.2,"y":-14.64},{"x":4.3,"y":-15.489999999999998},{"x":4.3999999999999995,"y":-16.359999999999996},{"x":4.499999999999999,"y":-17.249999999999993},{"x":4.599999999999999,"y":-18.15999999999999},{"x":4.699999999999998,"y":-19.089999999999986},{"x":4.799999999999998,"y":-20.03999999999998},{"x":4.899999999999998,"y":-21.009999999999977},{"x":4.999999999999997,"y":-21.999999999999975}]36:[] 2f:{"title":"Final Illustrations","cells":[{"id":0,"value":"md`# Final Illustrations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"html`

Illustration A

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"html`

Illustration B

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"html`The intercept of the red line is -1. You will have to look at the code to determine the slope. The red line DOES NOT go through the point (1,0).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"{\n const svg = html``\n const container = d3.select(svg)\n\n const xScale = makeXAxis(container,[-10,10],[30,570],150)\n const yScale = makeYAxis(container,[-10,10],[270,30],300)\n \n container.append(\"line\")\n .attr(\"stroke\",\"tomato\")\n .attr(\"stroke-width\",3)\n .attr(\"x1\",xScale(-10))\n .attr(\"y1\",yScale(-8))\n .attr(\"x2\",xScale(10))\n .attr(\"y2\",yScale(6))\n \ncontainer.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"fill\",\"skyblue\")\n .attr(\"stroke\",\"black\")\n .attr(\"cx\",xScale(-6))\n .attr(\"cy\",yScale(10))\n \n container.append(\"text\")\n .attr(\"x\",xScale(-5.5))\n .attr(\"y\",yScale(10))\n .text(\"(-6,10)\")\n .attr(\"font-size\",15)\n \n container.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"fill\",\"lime\")\n .attr(\"stroke\",\"black\")\n .attr(\"cx\",xScale(6))\n .attr(\"cy\",yScale(-8))\n \n container.append(\"text\")\n .attr(\"x\",xScale(6.5))\n .attr(\"y\",yScale(-8))\n .text(\"(6,-8)\")\n .attr(\"font-size\",15)\n \n\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"html`

Illustration C

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"html`The equation of the red line is:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"tex`y = .5x + 2`","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"html`

Illustration D

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"html`The equation of the red line is:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"tex`y = 3x + 1`","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"{\n const svg = html``\n const container = d3.select(svg)\n\n const xScale = makeXAxis(container,[-10,10],[30,570],150)\n const yScale = makeYAxis(container,[-30,30],[270,30],300)\n \n container.append(\"line\")\n .attr(\"stroke\",\"tomato\")\n .attr(\"stroke-width\",3)\n .attr(\"x1\",xScale(-10))\n .attr(\"y1\",yScale(3*-10+1))\n .attr(\"x2\",xScale(10))\n .attr(\"y2\",yScale(3*10+1))\n\n for(let i = 0;i < 50; i = i + 1){\n container.append(\"circle\")\n .attr(\"r\",3)\n .attr(\"cx\",xScale(pointsD[i].x))\n .attr(\"cy\",yScale(pointsD[i].y))\n }\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":236,"value":"html`

Illustration E

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"html`The equation of the red curve is:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"tex`y = -x^{2} + 3`","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"{\n const svg = html``\n const container = d3.select(svg)\n\n const yScale = makeYAxis(container,[-30,5],[270,30],300)\n const xScale = makeXAxis(container,[-8,8],[30,570],yScale(0))\n \n \n for(let i = 0;i < 50; i = i + 1){\n container.append(\"circle\")\n .attr(\"r\",3)\n .attr(\"cx\",xScale(pointsE[i].x))\n .attr(\"cy\",yScale(pointsE[i].y))\n }\n \n const pathData = d3.line().x(d => xScale(d.x)).y(d => yScale(d.y))(curvePointsE)\n container.append(\"path\")\n .attr(\"stroke\",\"tomato\")\n .attr(\"stroke-width\",3)\n .attr(\"fill\",\"none\")\n .attr(\"d\",pathData)\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":309,"value":"html`

Illustration F

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

	Predicted Positive	Predicted Negative	Total
Actual Positive	${51}		${60}
Actual Negative			${40}
Total	${78}		${100}

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

Illustration G

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"html`ROC 1`","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"{\n const svg = html``\n const container = d3.select(svg)\n\n \n const xScale = makeXAxis(container,[0,50],[30,570],270)\n const yScale = makeYAxis(container,[0,50],[270,30],30)\n\n container.append(\"line\")\n .attr(\"stroke\",\"tomato\")\n .attr(\"stroke-width\",5)\n .attr(\"x1\",xScale(0))\n .attr(\"y1\",yScale(0))\n .attr(\"x2\",xScale(0))\n .attr(\"y2\",yScale(50))\n \n container.append(\"line\")\n .attr(\"stroke\",\"tomato\")\n .attr(\"stroke-width\",5)\n .attr(\"x1\",xScale(0))\n .attr(\"y1\",yScale(50))\n .attr(\"x2\",xScale(50))\n .attr(\"y2\",yScale(50))\n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":335,"value":"html`ROC 2`","pinned":false,"hidden":false,"mode":"ojs"},{"id":333,"value":"{\n const svg = html``\n const container = d3.select(svg)\n\n \n const xScale = makeXAxis(container,[0,50],[30,570],270)\n const yScale = makeYAxis(container,[0,50],[270,30],30)\n\n container.append(\"line\")\n .attr(\"stroke\",\"tomato\")\n .attr(\"stroke-width\",5)\n .attr(\"x1\",xScale(0))\n .attr(\"y1\",yScale(0))\n .attr(\"x2\",xScale(50))\n .attr(\"y2\",yScale(50))\n \n\n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"html`\n

CSS

\n \n`","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":66,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"makeXAxis = function(container,domain,range,y){\n const xScale = d3.scaleLinear().domain(domain).range(range)\n const xAxis = container.append(\"g\").attr(\"transform\",`translate(0,${y})`)\n d3.axisBottom(xScale)(xAxis)\n return xScale\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"makeYAxis = function(container,domain,range,x){\n const yScale = d3.scaleLinear().domain(domain).range(range)\n const yAxis = container.append(\"g\").attr(\"transform\",`translate(${x},0)`)\n d3.axisLeft(yScale)(yAxis)\n return yScale\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}