31:[] 2f:{"title":"Constructing a Spinner","cells":[{"id":0,"value":"md`# Constructing a Spinner`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"html`\n \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"viewof radius = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":156,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":117,"value":"radiusValue = radius","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"viewof arcAngle = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"arcAngleValue = arcAngle","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"viewof arrowOpeningAngle = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"arrowOpeningAngleValue = arrowOpeningAngle","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"viewof arrowLength = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"arrowLengthValue = arrowLength","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"}],"files":"$W31","stdlib":"1","titling":"auto"}