2d:null 2e:["$","title",null,{"children":"Uniform Distribution | Charles Redmond | Observable"}] 33:[] 31:{"id":"09e467082d418440","slug":"uniform-distribution","title":"Uniform Distribution","thumbnail":"faf7fccf0a8f5398d174a30b3b01dc3128b7420b7f65821ac029edd8cd0d9466","access_level":"public","create_time":"$D2020-11-15T21:14:38.814Z","update_time":"$D2020-11-16T00:36:05.351Z","view_time":null,"first_public_time":"$D2020-11-19T17:21:04.067Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":"starter_2024"},"version":163,"publish_version":163,"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":13,"collection":{"id":"27b20b49e953b79b","slug":"probability-and-statistics","title":"Probability and Statistics","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook","body":{"title":"Uniform Distribution","cells":[{"id":0,"value":"md`# Uniform Distribution`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"tex`\\mu = \\dfrac{(a+b)}{2}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"tex`\\sigma = \\dfrac{(b-a)}{\\sqrt{12}}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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)\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 for(let i = 0; i < 10; i = i + 1){\n makePoint(container,xScale,yScale,uniform(0,2),0,\"#92c5de\")\n }\n \n return svg\n}","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":145,"value":"[\"#ca0020\",\"#f4a582\",\"#92c5de\",\"#0571b0\"]","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 \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"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"normal = stdlib.base.dists.normal.pdf","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"normalArea = stdlib.base.dists.normal.cdf","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"uniformPDF = stdlib.base.dists.uniform.pdf","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"uniform = stdlib.base.random.uniform","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"