45:["$","title",null,{"children":"Constructing a Spinner | Peter Szerzo | Observable"}] 4d:[] 49:{"id":"748979ee93eb5d52","slug":"constructing-a-spinner","title":"Constructing a Spinner","thumbnail":"822d971a2273e2ae0d30959bf5868a97d927fd7acb8665948501d2066ba81616","access_level":"public","create_time":"$D2018-07-04T06:34:17.049Z","update_time":"$D2021-08-04T12:51:32.374Z","view_time":null,"first_public_time":"$D2018-07-04T13:48:14.628Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"b27d56e28dc47ff9","login":"peterszerzo","name":"Peter Szerzo","avatar_url":"https://avatars-next.observableusercontent.com/de37e82fe0fea902617a6a0feec8dd5dba45446b7bf7a99594b8990a8e6a48ba","tier":"starter_2024","bio":"Neighborhood creative programmer","followed_by_you":false,"follows_you":false},"version":156,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fac927a1fe35263e","login":"peterszerzo","name":"Peter Szerzo","avatar_url":"https://avatars-next.observableusercontent.com/de37e82fe0fea902617a6a0feec8dd5dba45446b7bf7a99594b8990a8e6a48ba","tier":null,"bio":"Neighborhood creative programmer","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"fac927a1fe35263e","login":"peterszerzo","name":"Peter Szerzo","avatar_url":"https://avatars-next.observableusercontent.com/de37e82fe0fea902617a6a0feec8dd5dba45446b7bf7a99594b8990a8e6a48ba","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Constructing a Spinner","cells":[{"id":0,"value":"md`# Constructing a Spinner`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"viewof radius = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"radiusValue = radius","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"viewof arcAngle = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"arcAngleValue = arcAngle","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"viewof arrowOpeningAngle = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"arrowOpeningAngleValue = arrowOpeningAngle","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"viewof arrowLength = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"arrowLengthValue = arrowLength","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"arrow = () => {\n const alpha = arrowOpeningAngle * Math.PI / 180\n const x1 = -arrowLength * Math.cos(alpha)\n const y1 = arrowLength * Math.sin(alpha)\n const x2 = 0\n const y2 = 0\n const x3 = -x1\n const y3 = y1\n \n const x0 = radius * Math.sin(arcAngle / 2 * Math.PI / 180)\n const y0 = radius * Math.cos(arcAngle / 2 * Math.PI / 180)\n return `\n \n \n \n \n \n \n \n \n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"arcDAttribute = ({ size, rotate }) => {\n const angle = arcAngle * Math.PI / 180\n const startX = -radius * Math.sin(-angle/2 + rotate) + size / 2\n const startY = -radius * Math.cos(-angle/2 + rotate) + size / 2\n const endX = -radius * Math.sin(angle/2 + rotate) + size / 2\n const endY = -radius * Math.cos(angle/2 + rotate) + size / 2\n const largeArcFlag = angle < Math.PI ? \"0\" : \"1\"\n\n const dList = [\n \"M\",\n startX,\n startY,\n \"A\",\n radius,\n radius,\n \"0\",\n largeArcFlag,\n \"0\",\n endX,\n endY\n ]\n return dList.join(\" \")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 44:null