2b:null 2c:["$","title",null,{"children":"50 circles | Michael Glatzhofer | Observable"}] 31:[] 2f:{"id":"8dd7fbda7b1b3caa","slug":"50-circles","title":"50 circles","thumbnail":"89a8dd4c6313ad4874ff87c8e8568dad69877a3bb8318aad313f5470a48b94ac","access_level":"public","create_time":"$D2018-09-20T21:45:45.149Z","update_time":"$D2019-08-31T18:01:04.162Z","view_time":null,"first_public_time":"$D2018-09-26T12:11:27.534Z","fork":{"id":"7ef1a582ef17c470","slug":"100-circles","title":"100 circles","owner":{"id":"c50d0d9286eefe19","login":"ruko-msk","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"f427d35ce2e53400","login":"glouwa","name":"Michael Glatzhofer","avatar_url":"https://avatars-next.observableusercontent.com/c2a84b5c11549d50cb838bb5671beda3b8cafe61da712e8776ab84e7cd04bd15","tier":"starter_2024"},"version":454,"publish_version":454,"role":null,"authored":false,"authors":[{"type":"individual","id":"35c4e1e38db5d4fa","login":"glouwa","name":"Michael Glatzhofer","avatar_url":"https://avatars-next.observableusercontent.com/c2a84b5c11549d50cb838bb5671beda3b8cafe61da712e8776ab84e7cd04bd15","tier":null}],"members":[{"type":"individual","id":"35c4e1e38db5d4fa","login":"glouwa","name":"Michael Glatzhofer","avatar_url":"https://avatars-next.observableusercontent.com/c2a84b5c11549d50cb838bb5671beda3b8cafe61da712e8776ab84e7cd04bd15","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"50 circles","cells":[{"id":128,"value":"md`# 50 circles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"html`\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":425,"value":"md`## Circle count n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":219,"value":"viewof n = DOM.range(0, 50, 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":286,"value":"n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":428,"value":"md`## Tau t`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":0,"value":"𝜏=2*Math.PI","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":431,"value":"md`## Each circle is listed in i`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":247,"value":"tex`i = [0 ... ${n}]`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"i = d3.range(0, n, 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":437,"value":"md`## Circle center angles a`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":251,"value":"tex`\n\\alpha_i = \\frac{i}{n} \\tau\n\\\\\n\\alpha = \\left(\n\\begin{array}{c}\n\\frac{1}{${n}} \\tau\\\\\n\\frac{2}{${n}} \\tau\\\\\n\\vdots\\\\\n\\frac{${n}}{${n}} \\tau\\\\\n\\end{array}\n\\right)\n\n\\in \\mathbb{R}^n\\\\\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":106,"value":"𝛼 = i.map(e=> e/n*𝜏)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":439,"value":"md`## Circle has x, y, r`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":222,"value":"tex`\nc_i = \\left(\n\\begin{array}{c}\ncos(\\alpha_i)\\\\\nsin(\\alpha_i)\\\\\n1\\\\\n\\end{array}\n\\right)\n\\in \\mathbb{R}^2\\\\\nc \\in \\mathbb{R}^{n\\times2}\\\\\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":364,"value":"c = 𝛼.map((e, i)=> ({ \n i: i,\n x: Math.cos(e), \n y: Math.sin(e), \n r: 1 \n })) // circle[]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":374,"value":"table(c, {\n paged: 5,\n columns: {\n x: { \n formatter(v) {\n return v.toFixed(2)\n }\n },\n y: { \n formatter(v) {\n return v.toFixed(2)\n }\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":441,"value":"md`## to SVG`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":96,"value":"arr2circlesSVG = (arr)=>\n arr.reduce((a, e, i)=> \n a+obj2circleSVG(e), \n ''\n ) // svg string","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":88,"value":"obj2circleSVG = (c)=> `\\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":146,"value":"axesSVG = `\n\n\n\n` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":444,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":372,"value":"import {table} from \"@tmcw/tables\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":197,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"