30:[] 2e:{"title":" Plotting a Line: Mini In-Class Four","cells":[{"id":0,"value":"html`\n\n

Plotting a Line: Mini In-Class Four

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":256,"value":"vl.layer(line1,points).render()","pinned":false,"hidden":false,"mode":"ojs"},{"id":210,"value":"html`\n

==========================================

This is the x1 slider

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"viewof x1 = slider({\n min:-20,\n max:20,\n step:0.05,\n value:1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"html`\n

==========================================

This is the y1 slider

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"viewof y1 = slider({\n min:-20,\n max:20,\n step:0.05,\n value:-2\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":219,"value":"html`\n

==========================================

This is the x2 slider

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"viewof x2 = slider({\n min:-20,\n max:20,\n step:0.05,\n value:9\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"html`\n

==========================================

This is the y2 slider

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"viewof y2 = slider({\n min:-20,\n max:20,\n step:0.05,\n value:-16\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"html`\n

==========================================

This is the x3 slider

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"viewof x3 = slider({\n min:-20,\n max:20,\n step:0.05,\n value:19\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":224,"value":"html`\n

==========================================

This is the y3 slider

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"viewof y3 = slider({\n min:-20,\n max:20,\n step:0.05,\n value:16\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":125,"value":"data = [\n {x:x1,y:y1},\n {x:x2,y:y2},\n {x:x3,y:y3}\n]\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"line1 = vl.markLine({stroke:\"#BF00BF\",size:1.35,fill:\"lightgrey\"})\n.width(800)\n.height(330)\n.data(data)\n.encode(\n vl.x().fieldQ(\"x\").scale({domain:[-20,20]}),\n vl.y().fieldQ(\"y\").scale({domain:[-20,20]}),\n )\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"points = line1.markCircle({size:100,color:\"#6ACC88\"})\n","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}