28:null 29:["$","title",null,{"children":"Midterm 3 Template | Charles Redmond | Observable"}] 2e:[] 2c:{"id":"3ff92dbb6fd7cdb7","slug":"midterm-3-template","title":"Midterm 3 Template","thumbnail":"e07aa8654ef454a6cc9ec2f03a8cdec1331b72b0ba9963ab64816c320c3be9a7","access_level":"public","create_time":"$D2020-11-03T18:10:05.040Z","update_time":"$D2020-11-03T18:10:21.537Z","view_time":null,"first_public_time":"$D2020-11-03T18:10:52.623Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":"starter_2024"},"version":95,"publish_version":95,"role":null,"authored":false,"authors":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null}],"members":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":52,"collection":{"id":"27b20b49e953b79b","slug":"probability-and-statistics","title":"Probability and Statistics","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook","body":{"title":"Midterm 3 Template","cells":[{"id":0,"value":"md`# Midterm 3 Template`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"tex`n = ${n}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"viewof n = slider({min:1,max:20,step:1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"stat = require('simple-statistics@7.3.0/dist/simple-statistics.min.js')\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"