31:[] 2f:{"title":"Density Plots - Uniform -XBar","cells":[{"id":0,"value":"md`# Density Plots - Uniform -XBar`","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"tex`\\mu = \\dfrac{(a+b)}{2}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"tex`\\sigma = \\dfrac{(b-a)}{\\sqrt{12}}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"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,2],[30,570],270,22)\n const yScale = makeYAxis(container,[0,1],[270,30],30)\n\n uniformDist(container,xScale,yScale,0,2,\"#f4a582\")\n makeLine(container,xScale,yScale,1,0,1+2/math.sqrt(12),0,\"#0571b0\",5)\n makeLine(container,xScale,yScale,1,0,1-2/math.sqrt(12),0,\"#0571b0\",5)\n makePoint(container,xScale,yScale,1,0,\"#ca0020\")\n \n\n\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"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,2],[30,570],270,7)\n const yScale = makeYAxis(container,[0,3],[270,30],30)\n\n densityPlot(container,xScale,yScale,counts,\"#d1e5f0\")\n makeLine(container,xScale,yScale,sampleMean,0,sampleMean + sampleStDev,0,\"#0571b0\",5)\n makeLine(container,xScale,yScale,sampleMean,0,sampleMean - sampleStDev,0,\"#0571b0\",5)\n makePoint(container,xScale,yScale,sampleMean,0,\"#ca0020\")\n \n\n \n\n \n return svg\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"viewof n = slider({min:1,max:40,step:1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"points = {\n const points = []\n for(let i = 0;i < 365; i = i + 1){\n const dailyPoints = []\n for(let j = 0; j < n; j = j + 1){\n dailyPoints.push(uniform(0,2))\n }\n points.push(d3.mean(dailyPoints))\n }\n return points\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"sampleMean = d3.mean(points)","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"sampleStDev = d3.deviation(points)","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"counts = {\n const counts = [{x:0,y:0}]\n for(let i = 0; i < 2; i = i + .4){\n const count = points.filter(d => d < i + .4).filter(d => d >= i).length/(.4*365)\n counts.push({x:i + .2, y:count})\n }\n counts.push({x:2,y:0})\n return counts\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":145,"value":"[\"#ca0020\",\"#f4a582\",\"#92c5de\",\"#0571b0\"]","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 \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"},{"id":100,"value":"makePoint = function(container,xScale,yScale,x,y,fill){\n container.append(\"circle\")\n .attr(\"r\",5)\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",fill)\n .attr(\"cx\",xScale(x))\n .attr(\"cy\",yScale(y))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"makeLine = function(container, xScale, yScale, x1, y1, x2, y2, stroke, strokeWidth){\n container.append(\"line\")\n .attr(\"stroke\",stroke)\n .attr(\"stroke-width\",strokeWidth)\n .attr(\"x1\",xScale(x1))\n .attr(\"y1\",yScale(y1))\n .attr(\"x2\",xScale(x2))\n .attr(\"y2\",yScale(y2))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"normal = stdlib.base.dists.normal.pdf","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"normalArea = stdlib.base.dists.normal.cdf","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"uniformPDF = stdlib.base.dists.uniform.pdf","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"uniform = stdlib.base.random.uniform","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"makeNormal = function(container,xScale,yScale,m,s,r,l){\n const points = []\n for(let i = m - 5*s;i <= m + 5*s;i = i + .1){\n points.push({x:d3.format(\".1f\")(i),y:normal(i,m,s)})\n }\n const rightPoints = points.filter(d => d.x >= r)\n const leftPoints = points.filter(d => d.x <= l)\n const pathData = d3.line().x(d => xScale(d.x)).y(d => yScale(d.y))(points)\n const rightData = d3.area().x(d => xScale(d.x)).y0(d => yScale(d.y)).y1(d => yScale(0))(rightPoints)\n const leftData = d3.area().x(d => xScale(d.x)).y0(d => yScale(d.y)).y1(d => yScale(0))(leftPoints)\n \n container.append(\"path\")\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",\"none\")\n .attr(\"d\",pathData)\n \n container.append(\"path\")\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",\"tomato\")\n .attr(\"d\",rightData)\n .attr(\"opacity\",.5)\n \n container.append(\"path\")\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",\"tomato\")\n .attr(\"d\",leftData)\n .attr(\"opacity\",.5)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"uniformDist = function(container,xScale,yScale,a,b,fill){\n const points = []\n for(let i = a;i <= b;i = parseFloat(d3.format(\".1f\")(i + .1))){\n points.push({x:i,y:uniformPDF(i,a,b)})\n console.log(i)\n }\n const pathData = d3.area().x(d => xScale(d.x)).y1(d => yScale(d.y)).y0(d => yScale(0))(points)\n container.append(\"path\")\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",fill)\n .attr(\"opacity\",.3)\n .attr(\"d\",pathData)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"densityPlot = function(container,xScale,yScale,points,fill){\n const pathData = d3.area().x(d => xScale(d.x)).y1(d => yScale(d.y)).y0(d => yScale(0)).curve(d3.curveMonotoneX)(points)\n container.append(\"path\")\n .attr(\"stroke\",\"black\")\n .attr(\"fill\",fill)\n .attr(\"opacity\",.5)\n .attr(\"d\",pathData)\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}