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

Class Assignment 3 - Point Plotting

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

Point 1:

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"viewof x1 = slider({min:0,max:10,step:1,value:2}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"viewof y1 = slider({min:0,max:10,step:1,value:2}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"html`\n

Point 2:

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"viewof x2 = slider({min:0,max:10,step:1,value:4}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"viewof y2 = slider({min:0,max:10,step:1,value:4}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":214,"value":"html`\n

Point 3:

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":184,"value":"viewof x3 = slider({min:0,max:10,step:1,value:6}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"viewof y3 = slider({min:0,max:10,step:1,value:6}) \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":298,"value":"html`\n

Point 4:

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":292,"value":"viewof x4 = slider({min:0,max:10,step:1,value:8}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":290,"value":"viewof y4 = slider({min:0,max:10,step:1,value:8}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"html`\n

Size:

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"viewof size = slider({min:100,max:1000,step:1,value:500}) ","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"viewof color = radio({\n title: 'Color',\n description: 'Please select your which color you want',\n options: DATAcolor,value: \"#6acc88\"\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"vl.markCircle({size:size,stroke:\"white\",fill:color})\n .width(275)\n .height(275)\n .data(DATApoints) \n .encode(\n vl.x().fieldQ(\"x\").scale({domain:[0,10]}),\n vl.y().fieldQ(\"y\").scale({domain:[0,10]})\n)\n .render()","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":124,"value":"DATApoints = [{x:x1,y:y1},{x:x2,y:y2},{x:x3,y:y3},{x:x4,y:x4}]","pinned":true,"hidden":false,"mode":"ojs"},{"id":254,"value":"DATAcolor = [\n {label:\"Red\",value:\"red\"},\n {label:\"Blue\",value:\"Blue\"},\n {label:\"Black\",value:\"black\"},\n {label:\"LAMGreen\",value:\"#6acc88\"},\n]","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}