33:[] 32:{"title":"Regression","cells":[{"id":0,"value":"md`# Regression`","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"tex`y = ${d3.format(\".2f\")(parameters.m)}x + ${d3.format(\".2f\")(parameters.b)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"rmse = {\n const a = []\n for(let i = 0; i < points.length; i = i + 1){\n const x = points[i][0]\n const y = points[i][1]\n const yhat = parameters.m*x + parameters.b\n const diff = y - yhat\n const sqDiff = diff*diff\n a.push(sqDiff)\n }\n return math.sqrt(d3.mean(a))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"{\n const svg = html`` \n const container = d3.select(svg)\n container.attr(\"style\",\"width: 600px; height: 300px; border:1px black solid\")\n \n const xScale = makeXAxis(container,[-10,10],[30,570],150)\n const yScale = makeYAxis(container,[-20,20],[270,30],300)\n \n //makeLine(container,xScale,yScale,slope,intercept,-10,10,\"tomato\")\n \n for(let i = 0; i < points.length; i = i + 1){\n makePoint(container,xScale,yScale,points[i][0],points[i][1])\n }\n \n makeLine(container,xScale,yScale,parameters.m,parameters.b,-10,10,\"skyblue\")\n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"viewof intercept = slider({min:-10,max:10})","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"viewof slope = slider({min:-5,max:5})","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"html`\n

\nThe Tree Approach\n

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"totalDiff = (leftDiff + rightDiff)","pinned":false,"hidden":false,"mode":"ojs"},{"id":349,"value":"{\n const svg = html`` \n const container = d3.select(svg)\n container.attr(\"style\",\"width: 600px; height: 300px; border:1px black solid\")\n \n const xScale = makeXAxis(container,[-10,10],[30,570],150)\n const yScale = makeYAxis(container,[-20,20],[270,30],300)\n //Threshold\n makeVLine(container,xScale,yScale,threshold,-20,20,\"tomato\")\n //leftAvg Line\n makeLine(container,xScale,yScale,0,leftAvg,-10,threshold,\"skyblue\")\n //rightAvg Line\n makeLine(container,xScale,yScale,0,rightAvg,threshold,10,\"skyblue\")\n //tree Line Left\n \n for(let i = 0; i < leftPoints.length; i = i + 1){\nmakeVLine(container,xScale,yScale,leftPoints[i][0],leftAvg,leftPoints[i][1], \"black\")\n }\n //tree Line Right \n for(let i = 0; i < rightPoints.length; i = i + 1){\nmakeVLine(container,xScale,yScale,rightPoints[i][0],rightAvg,rightPoints[i][1], \"black\")\n }\n for(let i = 0; i < points.length; i = i + 1){\n makePoint(container,xScale,yScale,points[i][0],points[i][1])\n }\n \n\n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":354,"value":"viewof threshold = slider({min:-10,max:10, step:0.01, title:\"Threshold\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":361,"value":"leftPoints = points.filter(d => d[0] <= threshold)","pinned":false,"hidden":false,"mode":"ojs"},{"id":379,"value":"leftAvg = d3.mean(leftPoints, d => d[1])","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"leftDiff = {\n const a = []\n for(let i = 0; i < leftPoints.length; i = i + 1){\n const y = leftPoints[i][1]\n const diff = y - leftAvg\n const sqDiff = diff*diff\n a.push(sqDiff)\n }\n return d3.sum(a)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"rightPoints = points.filter(d => d[0] >= threshold)","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"rightAvg = d3.mean(rightPoints, d=> d[1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":425,"value":"rightDiff = {\n const a = []\n for(let i = 0; i < rightPoints.length; i = i + 1){\n const y = rightPoints[i][1]\n const diff = y - rightAvg\n const sqDiff = diff*diff\n a.push(sqDiff)\n }\n return d3.sum(a)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":389,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":216,"value":"points = {\n const points = []\n for(let i = -9.9; i <=10; i = i + 0.1 ){\n const x = math.random(-10,10)\n points.push([x,slope*x+intercept + normal(0,4)])\n }\n return points\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":232,"value":"parameters = stat.linearRegression(points)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"stat = require('simple-statistics@7.3.0/dist/simple-statistics.min.js')\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"normal = stdlib.base.random.normal","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"{\n const svg = html`` \n const container = d3.select(svg)\n container.attr(\"style\",\"width: 600px; height: 300px; border:1px black solid\")\n \n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"makeXAxis = function(container,domain,range,y,ticks){\n const xScale = d3.scaleLinear().domain(domain).range(range)\n const xAxis = container.append(\"g\").attr(\"transform\",`translate(0,${y})`)\n d3.axisBottom(xScale).ticks(ticks)(xAxis)\n return xScale\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"makeYAxis = function(container,domain,range,x,ticks){\n const yScale = d3.scaleLinear().domain(domain).range(range)\n const yAxis = container.append(\"g\").attr(\"transform\",`translate(${x},0)`)\n d3.axisLeft(yScale).ticks(ticks)(yAxis)\n return yScale\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"makeLine = function(container,xScale,yScale,slope,intercept,x1,x2,stroke){\n container.append(\"line\")\n .attr(\"stroke\",stroke)\n .attr(\"stroke-width\",3)\n .attr(\"x1\",xScale(x1))\n .attr(\"y1\",yScale(slope*x1+intercept))\n .attr(\"x2\",xScale(x2))\n .attr(\"y2\",yScale(slope*x2+intercept))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":277,"value":"makeVLine = function(container,xScale,yScale,x,y1,y2,stroke){\n container.append(\"line\")\n .attr(\"stroke\",stroke)\n .attr(\"stroke-width\",3)\n .attr(\"x1\",xScale(x))\n .attr(\"y1\",yScale(y1))\n .attr(\"x2\",xScale(x))\n .attr(\"y2\",yScale(y2))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"makePoint = function(container,xScale,yScale,x,y){\n container.append(\"circle\")\n .attr(\"r\",3)\n .attr(\"cx\",xScale(x))\n .attr(\"cy\",yScale(y))\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}