2e:null 2f:["$","title",null,{"children":"Class Assignment 3 - Point Plotting | Adrian Larsen | Observable"}] 34:[] 32:{"id":"1bcbbe98313a46f1","slug":"point-plotting","title":"Class Assignment 3 - Point Plotting","thumbnail":"6b757bb1c016862e2195dead679c7ffab3d69e28d8d59aac1f6a8c48ba94a7cc","access_level":"public","create_time":"$D2019-08-26T14:21:38.350Z","update_time":"$D2019-08-28T14:19:51.844Z","view_time":null,"first_public_time":"$D2019-08-26T14:41:21.609Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"e6412ff920776e66","login":"adrianlarsen","name":"Adrian Larsen","avatar_url":"https://avatars-next.observableusercontent.com/fe3c55b1efc958b6be8d9427618c0ed1ce2064a10e6a4fabf3494794827fe404","tier":"starter_2024"},"version":343,"publish_version":343,"role":null,"authored":false,"authors":[{"type":"individual","id":"6d0b29fcdd4de4ce","login":"adrianlarsen","name":"Adrian Larsen","avatar_url":"https://avatars-next.observableusercontent.com/fe3c55b1efc958b6be8d9427618c0ed1ce2064a10e6a4fabf3494794827fe404","tier":null}],"members":[{"type":"individual","id":"6d0b29fcdd4de4ce","login":"adrianlarsen","name":"Adrian Larsen","avatar_url":"https://avatars-next.observableusercontent.com/fe3c55b1efc958b6be8d9427618c0ed1ce2064a10e6a4fabf3494794827fe404","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"4b4774bb46815538","slug":"class-assignments","title":"In Class Assignments","owner":{"id":"e6412ff920776e66","login":"adrianlarsen","name":"Adrian Larsen"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"html`\n

Point 1:

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

Point 2:

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

Point 3:

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

Point 4:

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

Size:

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"viewof size = slider({min:100,max:1000,step:1,value:500}) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"md`\n---\n## Appendix\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"import {printTable} from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"import {vl} from '@vega/vega-lite-api'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"