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

Point Plotting: Mini In-Class Three

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"vl.markCircle({size:sslide,stroke:\"black\",fill:cchoice})\n .width(800)\n .height(330)\n .data(data)\n .encode(\n vl.x().fieldQ(\"x\"),\n vl.y().fieldQ(\"y\"),\n)\n .render()","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"viewof cchoice = radio({\n title:'Choose a color!',\n description:\"Whichever color you choose, the plotted point will be filled with that color.\",\n \n options: colors,value:\"#FF006C\",\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"html`\n

This is the point size adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"viewof sslide = slider({\n min:1,\n max:4000,\n step:1,\n value:300\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":221,"value":"html`\n

___________________________

This is the x1 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"viewof xslide1 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:429\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"html`\n

___________________________

This is the y1 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"viewof yslide1 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:120\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"html`\n

___________________________

This is the x2 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"viewof xslide2 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:666\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"html`\n

___________________________

This is the y2 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":326,"value":"viewof yslide2 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:14\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":287,"value":"html`\n

___________________________

This is the x3 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"viewof xslide3 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:-514\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":316,"value":"html`\n

___________________________

This is the y3 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":350,"value":"viewof yslide3 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:-121\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"html`\n

___________________________

This is the x4 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":305,"value":"viewof xslide4 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:-912\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":318,"value":"html`\n

___________________________

This is the y4 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":352,"value":"viewof yslide4 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:810\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"html`\n

___________________________

This is the x5 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"viewof xslide5 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:-217\n})\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":320,"value":"html`\n

___________________________

This is the y5 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":353,"value":"viewof yslide5 = slider({\n min:-1000,\n max:1000,\n step:1,\n value:-710\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":126,"value":"data = [\n {x:xslide1,y:yslide1},\n {x:xslide2,y:yslide2},\n {x:xslide3,y:yslide3},\n {x:xslide4,y:yslide4},\n {x:xslide5,y:yslide5},\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":194,"value":"colors = [\n {label:\"Light Green\",value:\"#6ACC88\"},\n {label:\"Light Orange\",value:\"#FC4B26\"},\n {label:\"Purple\",value:\"#9A4EF5\"},\n {label:\"Pink\",value:\"#FF006C\"},\n {label:\"Black\",value:\"#000000\"},\n {label:\"White\",value:\"#FFFFFF\"}\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"printTable(colors)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}