2e:null 2f:["$","title",null,{"children":"Point Plotting: Mini In-Class Three | Brentyn Muir | Observable"}] 34:[] 32:{"id":"0a11b46d7428829d","slug":"point-plotting","title":"Point Plotting: Mini In-Class Three","thumbnail":"dc1bc9232634d659fc44d5a5feab82edd2fb325b8af7ece20df73c665fa64e37","access_level":"public","create_time":"$D2019-08-26T14:21:16.613Z","update_time":"$D2019-08-28T13:35:06.120Z","view_time":null,"first_public_time":"$D2019-08-26T14:47:29.665Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"a92d27483baaceb6","login":"brentynm","name":"Brentyn Muir","avatar_url":"https://avatars-next.observableusercontent.com/7a1aa64531f0f1408bc1acfca3fb5f92414250ca342b923828dca72c9819e555","tier":"starter_2024"},"version":412,"publish_version":412,"role":null,"authored":false,"authors":[{"type":"individual","id":"d1b03517bd1af21b","login":"brentynm","name":"Brentyn Muir","avatar_url":"https://avatars-next.observableusercontent.com/7a1aa64531f0f1408bc1acfca3fb5f92414250ca342b923828dca72c9819e555","tier":null}],"members":[{"type":"individual","id":"d1b03517bd1af21b","login":"brentynm","name":"Brentyn Muir","avatar_url":"https://avatars-next.observableusercontent.com/7a1aa64531f0f1408bc1acfca3fb5f92414250ca342b923828dca72c9819e555","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"0a922f9c4a6d0a8b","slug":"lecture-collection","title":"Lecture Collection","owner":{"id":"a92d27483baaceb6","login":"brentynm","name":"Brentyn Muir"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"html`\n

This is the point size adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"html`\n

___________________________

This is the x1 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"html`\n

___________________________

This is the y1 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":286,"value":"html`\n

___________________________

This is the x2 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":315,"value":"html`\n

___________________________

This is the y2 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"html`\n

___________________________

This is the x3 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"html`\n

___________________________

This is the y3 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"html`\n

___________________________

This is the x4 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"html`\n

___________________________

This is the y4 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":291,"value":"html`\n

___________________________

This is the x5 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"html`\n

___________________________

This is the y5 co-ordinate adjuster.

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","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":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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"printTable(colors)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"