2a:null 2b:["$","title",null,{"children":"Assignment Styles | Adam Krawitz | Observable"}] 30:T6fd,31:[] 2e:{"id":"bb561df573273c96","slug":"assignment-styles","title":"Assignment Styles","thumbnail":"2cdcd7308364fe57b63b5e64cc88cba266804b3f9bf47137bc8de44a0e71a543","access_level":"public","create_time":"$D2021-09-23T03:28:57.049Z","update_time":"$D2023-07-26T02:57:36.641Z","view_time":null,"first_public_time":"$D2021-09-23T04:16:53.408Z","fork":{"id":"bad495505dbc1556","slug":"repeater","title":"Repeater","owner":{"id":"3861495db0d6917b","login":"akrawitz","name":"Adam Krawitz"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3861495db0d6917b","login":"akrawitz","name":"Adam Krawitz","avatar_url":"https://avatars-next.observableusercontent.com/232e39a655b3dffeaad79a6e590471290f026876224f3f7c9825f12c3f0147bc","tier":"starter_2024"},"version":634,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f056c267619fba67","login":"akrawitz","name":"Adam Krawitz","avatar_url":"https://avatars-next.observableusercontent.com/8b0aba291db32e92917b2b37e94c3c5568c23f50e1e769e8f76508b16293220c","tier":null}],"members":[{"type":"individual","id":"f056c267619fba67","login":"akrawitz","name":"Adam Krawitz","avatar_url":"https://avatars-next.observableusercontent.com/8b0aba291db32e92917b2b37e94c3c5568c23f50e1e769e8f76508b16293220c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"bb4f3dd51b3bc8ff","slug":"shared-resources","title":"Shared Resources","owner":{"id":"3861495db0d6917b","login":"akrawitz","name":"Adam Krawitz"}},"type":"notebook","body":{"title":"Assignment Styles","cells":[{"id":0,"value":"# Assignment Styles\nDefines a set of styles used across the Computational Beauty of Mind assignments to give them all a consistent look.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":316,"value":"To use **`assignmentStyles`** and **`assignmentTipTheme`** you need to:\n\n1. First, `import` the cells from this notebook:\n~~~js\n import {assignmentStyles, assignmentTipTheme} from '@akrawitz/assignment-styles'\n~~~\n2. Evaluate the variable:\n~~~js\n assignmentStyles\n~~~\nOnce `assignmentStyles` is evaluated, the styles will apply globally within the notebook.\n3. And include `assignmentTipTheme` in any Observable Plots with Tip marks.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":576,"value":"To create a **name** field:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":578,"value":"","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":603,"value":"To label and number an **example**:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":595,"value":"## Cool Thing","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":625,"value":"To style the **tooltips** in an Observable Plot that uses Tip marks:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":620,"value":"Plot.plot({\n marks: [\n Plot.dot(cars, {\n x: \"power (hp)\",\n y: \"economy (mpg)\"\n }),\n Plot.tip(cars, Plot.pointer({\n // Include the assignmentTipTheme in the options\n ...assignmentTipTheme,\n x: \"power (hp)\",\n y: \"economy (mpg)\"\n })),\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":479,"value":"To label and number a **question** and it's needed **answer**:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":430,"value":"What is the answer?","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":434,"value":"\n","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":493,"value":"To label and 'letter' a **challenge** and it's needed **response**:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":497,"value":"Demonstrate how to do this:","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":505,"value":"\n","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":222,"value":"## Definitions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":18,"value":"$30","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":608,"value":"assignmentTipTheme = ({\n anchor: 'bottom',\n strokeWidth: 0,\n fill: '#333',\n stroke: '#333',\n fontSize: 13,\n lineHeight: 1.2,\n pathFilter: 'none',\n pointerSize: 14,\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"