2c:null 2d:["$","title",null,{"children":"Sacks number spiral | Kelley van Evert | Observable"}] 32:[] 30:{"id":"9eb88bb06422890d","slug":"sacks-number-spiral","title":"Sacks number spiral","thumbnail":"f7524f39fd618ce1520959d71757665c5c2055d78b0cb0b1df5651f0f448a138","access_level":"public","create_time":"$D2018-07-01T07:34:02.029Z","update_time":"$D2018-07-04T10:24:01.780Z","view_time":null,"first_public_time":"$D2018-07-01T08:24:52.100Z","has_unpublished_edits":null,"fork":false,"stars":8,"starred":false,"owner":{"type":"team","id":"cdda271b76654961","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":"starter_2024"},"version":253,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null}],"members":[{"type":"individual","id":"a35690ff73833989","login":"kelleyvanevert","name":"Kelley van Evert","avatar_url":"https://avatars-next.observableusercontent.com/86df2bc54dd099fad6826dfcf7ae3dd97c5e0cdcf0cf3e0ac85ecd13e1938db2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"292860b4abec108d","slug":"visualizations","title":"Visualizations","owner":{"id":"cdda271b76654961","login":"kelleyvanevert","name":"Kelley van Evert"}},"type":"notebook","body":{"titling":"auto","title":"Sacks number spiral","cells":[{"id":0,"value":"md`# Sacks number spiral`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"viewof svg = {\n console.log(\"svg\")\n const svg = d3.select(DOM.svg(width, height));\n \n svg.attr('viewBox', `-${width/2} -${height/2} ${width} ${height}`);\n \n const g = svg.append('g');\n \n svg.node().value = g;\n return svg.node();\n}\n/*{\n const show_labels = (scale > 10);\n \n return svg``;\n}*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"{\n console.log(\"update\")\n const sel = svg.selectAll('circle').data(numbers, num => num.i)\n \n sel.enter().append('circle')\n .attr('r', num => prime(num.i) ? 4*scale : 1*scale)\n .attr('cx', num => 10 * num.x)\n .attr('cy', num => 10 * num.y)\n \n sel.exit().remove()\n /*\n return svg``;*/\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"viewof n = slider({ min: 1, max: 10000, value: 2000 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"viewof scale = slider({ min: 1, max: 3, value: 1 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"{\n svg.attr('transform', `scale(${1/scale})`)\n \n //svg.selectAll('circle').data(numbers, num => num.i)\n // .attr('r', num => prime(num.i) ? 4*scale : 1*scale)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":198,"value":"numbers = {\n const numbers = [];\n for (var i = 0; i < n; i++) {\n const r = Math.sqrt(i);\n const x = r * Math.cos(r * 2*Math.PI);\n const y = r * Math.sin(r * 2*Math.PI);\n numbers.push({ i, x, y });\n }\n return numbers;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"height = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"prime = num => {\n for (var i = 2, s = Math.sqrt(num); i <= s; i++)\n if (num % i === 0) return false; \n return num !== 1;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"loop = (n, f) => new Array(n).fill().map((x,i) => f(i)).join('')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import { slider } from '@jashkenas/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"