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

Lines

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":867,"value":"html`\n

\nThe y slope is ${slope} and the intercept is ${intercept}

\nthe formula is: y = ${slope}x + ${intercept}\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":889,"value":"tex` y = ${slope}x + ${intercept}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":808,"value":"vl.layer(line,points,xpoint,ypoint,vline,vline1,ypoint1)\n.render()","pinned":false,"hidden":false,"mode":"ojs"},{"id":644,"value":"viewof point1 = slider({min:0,max:100,step:1,value:0,\n title: 'First Point',\n description: 'Select what point you want'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":836,"value":"viewof point2 = slider({min:0,max:100,step:1,value:100,\n title: 'Second point',\n description: 'Select what point you want'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":893,"value":"viewof x = number({min:0,max:100,value:50,submit:true,description: 'Select value between 0 and 100',title: 'x-value'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"md`\n---\n## Appendix\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":343,"value":"html`\n

Data

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":822,"value":"html`\n

I made the data directly in the illustrations

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":858,"value":"intercept = point1","pinned":false,"hidden":false,"mode":"ojs"},{"id":861,"value":"slope = (point2 - point1)/100","pinned":false,"hidden":false,"mode":"ojs"},{"id":564,"value":"html`\n

Filters

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"html`\n

Illustrations

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":723,"value":"line = vl.markLine({stroke:\"black\",fill:\"cornflowerblue\",size:3})\n.width(300)\n.height(300)\n.data([{x:0,y:point1},{x:100,y:point2}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":812,"value":"points = vl.markPoint({stroke:\"red\",fill:\"red\",size:75})\n.width(300)\n.height(300)\n.data([{x:0,y:point1},{x:100,y:point2}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":921,"value":"xpoint = vl.markPoint({stroke:\"blue\",fill:\"blue\",size:75})\n.width(300)\n.height(300)\n.data([{x:x,y:0}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":935,"value":"ypoint = vl.markPoint({stroke:\"green\",fill:\"green\",size:75})\n.width(300)\n.height(300)\n.data([{x:x,y:(slope*x)+intercept}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":967,"value":"ypoint1 = vl.markPoint({stroke:\"blue\",fill:\"blue\",size:75})\n.width(300)\n.height(300)\n.data([{x:0,y:(slope*x)+intercept}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":950,"value":"vline = vl.markLine({stroke:\"black\",fill:\"cornflowerblue\",size:2,strokeDash:[5,7]})\n.width(300)\n.height(300)\n.data([{x:x,y:(slope*x)+intercept},{x:x,y:0}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":959,"value":"vline1 = vl.markLine({stroke:\"black\",fill:\"cornflowerblue\",size:2,strokeDash:[5,7]})\n.width(300)\n.height(300)\n.data([{x:x,y:(slope*x)+intercept},{x:0,y:(slope*x)+intercept}])\n.encode(\n vl.x().fieldQ(\"x\").axis({format:\".0f\",title:\"x\"}).scale({domain:[0,100]}),\n vl.y().fieldQ(\"y\").axis({format:\".0f\",title:\"y\"}).scale({domain:[0,100]})\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":341,"value":"html`\n

Imported from Redmond

\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"}],"files":"$W30","stdlib":"1","titling":"auto"}