30:[] 2e:{"title":"Lines","cells":[{"id":0,"value":"html`\n\n\n

Lines

\n\n

The Equation of this line is

y = ${gradient}x+${yintercept}

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"viewof xinput = number({\n min:0,\n max:100,\n value:50,\n submit:true,\n title:\"User Input\",\n description:\"Please enter an x-value between 0 and 100!\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":152,"value":"vl.layer(line,points,xintercept,inputpoint,line2,line3,yinputpoint)\n.render()","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"viewof leftslider = slider({\n min:0,\n max:100,\n value:0,\n step:1,\n title:\"Left Point Adjuster\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"viewof rightslider = slider({\n min:0,\n max:100,\n value:100,\n step:1,\n title:\"Right Point Adjuster\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"md`\n---\n## Appendix\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"import {printTable} from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"line = vl.markLine({stroke:\"black\"})\n.data([{x:0,y:leftslider},{x:100,y:rightslider}])\n.width(600)\n.height(335)\n.title(\"It's just a line innit.\")\n.encode(\n vl.x().fieldQ(\"x\").scale({domain:[-0,100]}),\n vl.y().fieldQ(\"y\").scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"points = vl.markCircle({fill:\"red\",stroke:\"black\",size:250,opacity:1,clip:true})\n.data([{x:100,y:rightslider},{x:0,y:leftslider}])\n.encode(\n vl.x().fieldQ(\"x\"),\n vl.y().fieldQ(\"y\")\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"yintercept = leftslider","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"gradient = (leftslider - rightslider)/(0-100)","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"xintercept = vl.markCircle({fill:\"skyblue\",stroke:\"black\",size:250,opacity:1,clip:true})\n.data([{x:xinput,y:0}])\n.encode(\n vl.x().fieldQ(\"x\"),\n vl.y().fieldQ(\"y\")\n )\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":281,"value":"inputpoint = vl.markCircle({fill:\"green\",stroke:\"black\",size:250,opacity:1,clip:true})\n.data([{x:xinput,y:ypoint}])\n.encode(\n vl.x().fieldQ(\"x\"),\n vl.y().fieldQ(\"y\")\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":342,"value":"yinputpoint = vl.markCircle({fill:\"skyblue\",stroke:\"black\",size:250,opacity:1,clip:true})\n.data([{x:0,y:ypoint}])\n.encode(\n vl.x().fieldQ(\"x\"),\n vl.y().fieldQ(\"y\")\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"line2 = vl.markLine({strokeDash:[10,20],stroke:\"black\",clip:true})\n.data([{x:xinput,y:0},{x:xinput,y:ypoint}])\n.width(600)\n.height(335)\n.title(\"It's just a line innit.\")\n.encode(\n vl.x().fieldQ(\"x\").scale({domain:[-0,100]}),\n vl.y().fieldQ(\"y\").scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":306,"value":"line3 = vl.markLine({stroke:\"black\",strokeDash:[10,20],clip:true})\n.data([{x:xinput,y:ypoint},{x:0,y:ypoint}])\n.width(600)\n.height(335)\n.title(\"It's just a line innit.\")\n.encode(\n vl.x().fieldQ(\"x\").scale({domain:[-0,100]}),\n vl.y().fieldQ(\"y\").scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":301,"value":"ypoint = (gradient)*(xinput) + (yintercept)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}