31:[] 2f:{"title":"Linear Regresssion – Nov 11th","cells":[{"id":0,"value":"html`\n\n

Linear Regresssion – Nov 11th

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"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, [10,-10], [15,285], 300)\n \n makeLine(container, xScale, yScale, slopeSlider, interceptSlider,-10,10,'#876ABC')\n \n for(let i = 0; i < 100; i++){\n makePoint(container, xScale, yScale, math.randomInt(-10,10), math.randomInt(-10,10))}\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"viewof interceptSlider = slider({min:-10, max:10, step: 0.1, title: \"Intercept Slider\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"viewof slopeSlider = slider({min:-5, max:5, step: 0.1, title: \"Gradient Slider\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":241,"value":"{\n let dataPoints = []\n \n for(let i = -10;i < 10; i = i + 0.1){\n dataPoints.push([i,math.randomInt(-10,10)])\n }\n return dataPoints\n \n}","pinned":true,"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":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"normal = stdlib.base.random.normal","pinned":true,"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":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":"$W31","stdlib":"1","titling":"auto"}