25:["$","title",null,{"children":"Dashboard Example | Ross Stewart | Observable"}] 49:[] 29:{"id":"0faac802012c0964","slug":null,"title":"Dashboard Example","thumbnail":"83aeff786334b3f5e26d2029ec99abd2ca69de6e534070495315b36cfcf5c096","access_level":"public","create_time":"$D2023-03-27T22:28:18.820Z","update_time":"$D2023-03-27T23:39:01.627Z","view_time":null,"first_public_time":"$D2023-03-27T22:28:18.820Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"beb0beafddea945a","login":"rossstewart12","name":"Ross Stewart","avatar_url":null,"tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":130,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"7b98fdbd0c5fcf4f","login":"rossstewart12","name":"Ross Stewart","avatar_url":null,"tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"7b98fdbd0c5fcf4f","login":"rossstewart12","name":"Ross Stewart","avatar_url":null,"tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Dashboard Example","cells":[{"id":0,"value":"# Dashboard Example","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"viewof slope = Inputs.range([-5,5],{step:.1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof intercept = Inputs.range([-5,5],{step:.1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"html`

${plot1}

${plot2}

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = {\n const points = []\n for(let i = 0;i < 200;i = i + 1){\n const x = d3.randomUniform(0,10)()\n const y = 2*x + 5 + d3.randomNormal(0,3)()\n points.push({x:x,y:y})\n }\n return points\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"endpoints = [\n [0,slope*0+intercept],\n [10,slope*10+intercept]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"distances = data.map(d => (slope*d.x+intercept - d.y)*(slope*d.x+intercept - d.y))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"plot1 = Plot.plot({\n x:{domain:[0,10.5],label:\"x\",grid:true},\n y:{domain:[0,30],label:\"y\",grid:true},\n marks:[\n Plot.ruleX([0]),\n Plot.ruleY([0]),\n Plot.dot(data,{x:\"x\",y:\"y\",r:4,fill:\"green\",stroke:\"black\"}),\n Plot.line(endpoints,{stroke:\"red\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"plot2 = Plot.plot({\n marks: [\n Plot.rectY(data, Plot.binX({y: \"x\"},{x: \"y\"})),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"## how to do it another way","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"viewof slope1 = Inputs.range([0,10],{step:.1,label:\"slope\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"viewof intercept1 = Inputs.range([0,35],{step:.1,label:\"intercept\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"html`

${plot1a}

${plot2a}

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"plot1a = Plot.plot({\n y:{domain:[0,35]},\n marks:[\n Plot.dot(x,{x:x,y:y,fill: \"black\"}),\n Plot.line(endPoints1,{stroke:\"red\"}),\n Plot.ruleX([0]),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"plot2a = Plot.plot({\n marks: [\n Plot.rectY(squares, Plot.binX({y: \"count\"}, {})),\n Plot.ruleY([0])\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"x = {\n const x = []\n for(let i = 0;i < 200;i = i + 1){\n const r = d3.randomUniform(0,10)()\n x.push(r)\n }\n return x\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"y = x.map(d => 2*d + 10 + d3.randomNormal(0,3)())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"endPoints1 = [\n [0,slope1*0+intercept1],\n [10,slope1*intercept1+intercept1]\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"yhat = x.map(d => slope1*d + intercept1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"differences1 = x.map((d,i)=>[i]-yhat[i])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"squares = differences1.map(d => d*d)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 24:null