2c:null 2d:["$","title",null,{"children":"Unwinding the [Ulam Spiral](https://en.wikipedia.org/wiki/Ulam_spiral) | Jean Constant | Observable"}] 32:T416,daena = { //for the record, for those who care to read the source //I found this on paper at the end of november of 2017 //because my wife(daena) was fascinated by the ulam spiral //and I saw a glint in her eye for the first time in a long time //as she had just finished having a terrible year //and another one was coming (thanks embrace) //so this was and is for her! //also I walked away from javascript years ago so be gentle //observable is awesome though and I am sure this can be built //in much better ways! const canvas = document.createElement("canvas"); var localn = mutable n; canvas.width = localn * size; canvas.height = localn * size; const context = canvas.getContext("2d"); const rows = maskPrimeTest(localn); //this is how many rows you want, 75 just looks nice const params = [context, R.length(R.last(rows)), rows]; //stage.addEventListener("click", R.partial(clickStage, R.append(planchet, params))); mapIndexed(R.partial(createRow, params), rows); return canvas; }33:T608,md`Initially this was discovered on paper by looking for patterns in the primes within a concentric (hexagonal in this case) configuration of numbers. The first row:

The second row:

7	8
9	10
11	12
13	14
15	16
17	18
ON	OFF

The third row:

19	20	21
22	23	24
25	26	27
28	29	30
31	32	33
34	35	36
ON	ON	OFF

The fourth row:

37	38	39	40
41	42	43	44
45	46	47	48
49	50	51	52
53	54	55	56
57	58	59	60
ON	OFF	ON	OFF

`34:[] 30:{"id":"0bd4443cb6481071","slug":"unwinding-the-ulam-spiral-https-en-wikipedia-org-wiki-ulam_","title":"Unwinding the [Ulam Spiral](https://en.wikipedia.org/wiki/Ulam_spiral)","thumbnail":"f4b211ab53c0198bc9b84eadb8c8f0ae2b87f6b2b1e26cf4dad82008024dea73","access_level":"public","create_time":"$D2018-05-20T05:49:25.999Z","update_time":"$D2018-05-20T07:58:24.964Z","view_time":null,"first_public_time":"$D2018-05-20T07:59:44.584Z","fork":{"id":"4dc4dc9bc1848e4a","slug":"unwinding-the-ulam-spiral-https-en-wikipedia-org-wiki-ulam_","title":"Unwinding the [Ulam Spiral](https://en.wikipedia.org/wiki/Ulam_spiral) (original by @montyxcantsin)","owner":{"id":"4e11a58b0ec45610","login":"sparecycles","name":"Adam Freidin"}},"stars":0,"starred":false,"owner":{"type":"team","id":"779801569d020938","login":"bysance","name":"Jean Constant","avatar_url":"https://avatars-next.observableusercontent.com/d9f8e121946490c519c81e74442053389852cc121f55569dbcd93451890d616e","tier":"starter_2024"},"version":703,"publish_version":703,"role":null,"authored":false,"authors":[{"type":"individual","id":"8551b105ce4f03cb","login":"bysance","name":"Jean Constant","avatar_url":"https://avatars-next.observableusercontent.com/d9f8e121946490c519c81e74442053389852cc121f55569dbcd93451890d616e","tier":null}],"members":[{"type":"individual","id":"8551b105ce4f03cb","login":"bysance","name":"Jean Constant","avatar_url":"https://avatars-next.observableusercontent.com/d9f8e121946490c519c81e74442053389852cc121f55569dbcd93451890d616e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Unwinding the [Ulam Spiral](https://en.wikipedia.org/wiki/Ulam_spiral)","cells":[{"id":0,"value":"md`# Unwinding the [Ulam Spiral](https://en.wikipedia.org/wiki/Ulam_spiral)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":435,"value":"mutable n = 50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":571,"value":"size = Math.floor(Math.max(1, Math.min(1000/mutable n,500)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":499,"value":"md`Feel free to adjust the above but know that for n > 128 the primality testing becomes slower.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":301,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":306,"value":"md`This is created by layering quadrants of the ulam spiral on top of each other and then testing for primality for each of the layered cells. If there is one or more prime terms we color it black. I call this *parallax compression*.` //parallax was my old band too funnily enough ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":334,"value":"md`Here is a link to a [mathematica version](https://www.dropbox.com/s/d2dfwhxdmzkp4y4/a-pattern-in-the-primes.nb?dl=0) version which is more accurate and contains things like skipping even or odd rows etc.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":311,"value":"md`note from [Nova Spivack](http://www.novaspivack.com) and [@novaspivack](http://twitter.com/novaspivack):\n>After many conversations with montyxcantsin, who originated the parallax compression algorithm, I analyzed the resulting pattern. On January 18th, 2018, I found that the sequence of cell values matches sequence [OEIS A054521](http://oeis.org/A054521) -- enumerating from the top down, left to right, where 1 = prime (black), 0 = non-prime (red). Also: montyxcantsin figured out that the number of prime (black) cells per row is the sequence [OEIS A000010](http://oeis.org/A000010) (Euler Totient), and the number of red cells per row is the co-totient.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":339,"value":"md`A note on the note: the fit of the GCD triangle sequence is not perfect. This led me to revert to the method used in mathematica version which does do primality testing for all terms per cell. This yields some even more interesting features e.g. the odd and even differences.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":262,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":102,"value":"createCell = (context, padding, row, state, col) => {\n context.fillStyle = state == 0 ? \"cyan\" : \"yellow\";\n context.fillRect(size * (padding + col), row * size, size, size);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":152,"value":"R = require(\"https://cdn.jsdelivr.net/npm/ramda@0.25/dist/ramda.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":155,"value":"mapIndexed = R.addIndex(R.map)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":104,"value":"createRow = (stage, maxWidth, rows, cells, row) => {\n var padding = (maxWidth - R.length(cells)) / 2;\n mapIndexed(R.partial(createCell, [stage, padding, row]), cells)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":341,"value":"layerToTerms = (layer, rows) => {\n var helper;\n helper = (layer, rows) => {\n var start;\n if (layer == 1) {\n start = 1;\n } else {\n start = R.last(helper(layer - 1, rows)) + 100;\n }\n return R.range(start, start + (layer * rows));\n }\n return helper(layer, rows);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":383,"value":"layerToSides = (layer, rows) => {\n return R.splitEvery(layer, layerToTerms(layer, rows));\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":7,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":407,"value":"sidesToCol = (sides, col) => {\n return R.map((row) => {return R.nth(col, row)}, sides);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":398,"value":"maskPrimeTest = (rows) => {\n return R.map((layer) => { \n var sides = layerToSides(layer, rows)\n return R.map((col) => { return R.any(Boolean, R.map(isPrime, sidesToCol(sides, col)))}, R.range(10, layer));\n }, R.range(1, rows))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":426,"value":"maskPrimeTest(2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"primes = [1].concat(await d3.csv(\"https://gist.githubusercontent.com/montyxcantsin/a476a82b0b11a1a5c9c47fe6ba2aeb1a/raw/bdc5981e9dabd87a37511bd221f619cb976ab1cf/primes.csv\", (x) => + x[2]))\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"primesSet = new Set(primes)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":465,"value":"slowPrime = (x) => {\n for(var i = 2; i <= Math.sqrt(x); i++) {\n if(x % i === 0) {\n return false;\n }\n }\n return x > 1;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"isPrime = (x) => {\n if (x > 999983) {\n return slowPrime(x);\n } else {\n return primesSet.has(x);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 31:"$30:body"