30:[] 2e:{"title":"Midterm 3 Template","cells":[{"id":0,"value":"md`# Midterm 3 Template`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"tex`n = ${n}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"{\n const svg = html`` \n const container = d3.select(svg)\n container.attr(\"style\",\"width: 600px; height: 50px; border:1px black solid\")\n\n for(let i = 1;i<=n;i = i + 1){\n container.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",\"tomato\")\n .attr(\"cx\",20*i)\n .attr(\"cy\",10)\n \n container.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",\"green\")\n .attr(\"cx\",20*i)\n .attr(\"cy\",30)\n }\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"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,[0,20],[30,570],270,21)\n const yScale = makeYAxis(container,[0,.7],[270,30],xScale(0))\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"viewof n = slider({min:1,max:20,step:1})","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":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":33,"value":"makeBar = function(container,xScale,yScale,x,p,width,fill,opacity){\n container.append(\"rect\")\n .attr(\"x\",xScale(x - width))\n .attr(\"y\",yScale(p))\n .attr(\"width\",xScale(x + width)- xScale(x - width))\n .attr(\"height\",yScale(0) - yScale(p))\n .attr(\"fill\",fill)\n .attr(\"stroke\",\"black\")\n .attr(\"opacity\",opacity)\n\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}