2b:null 2c:["$","title",null,{"children":"Divisors | antonbardera | Observable"}] 31:[] 2f:{"id":"e79b173097729051","slug":"nombres-primers","title":"Divisors","thumbnail":"827af28c0fb32075136e7495a71016bf75c23699f8389a8aaf7c90dc184ba3ac","access_level":"public","create_time":"$D2021-01-29T12:28:12.570Z","update_time":"$D2022-03-16T10:11:31.375Z","view_time":null,"first_public_time":"$D2021-02-01T08:38:23.760Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"dc63de81f2766bde","login":"antonbardera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/18926463f8a740226a5a8e5d13b4d3007c5ae5f242983e5a037e0a21b69dcaf7","tier":"starter_2024"},"version":262,"publish_version":262,"role":null,"authored":false,"authors":[{"type":"individual","id":"09c368f2d90e0876","login":"antonbardera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/18926463f8a740226a5a8e5d13b4d3007c5ae5f242983e5a037e0a21b69dcaf7","tier":null}],"members":[{"type":"individual","id":"09c368f2d90e0876","login":"antonbardera","name":"","avatar_url":"https://avatars-next.observableusercontent.com/18926463f8a740226a5a8e5d13b4d3007c5ae5f242983e5a037e0a21b69dcaf7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"34be0f1c700d2fc5","slug":"recursos-matematics-visuals","title":"Recursos matemàtics visuals","owner":{"id":"dc63de81f2766bde","login":"antonbardera","name":""}},"type":"notebook","body":{"title":"Divisors","cells":[{"id":0,"value":"md`# Divisors`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":247,"value":"md`Basat en la idea de [John Graham-Cumming](https://twitter.com/jgrahamc).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":211,"value":"viewof params = form(html``)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"piechart = {\n const size = width / params.col - padding;\n const height = Math.ceil(params.maxim/params.col)*(size+padding);\n \n const values = d3.range(2,params.maxim+1);\n const arc= d3.arc()\n .innerRadius(0)\n .outerRadius(size/2) \n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n const group = svg.selectAll(\"g\")\n .data(values)\n .join(\"g\")\n .attr(\"transform\",(d,i) => \"translate(\"+ ((size+padding)/2 + ((d-1)%params.col)*(size+padding)) +\",\"+ ((size+padding)/2 + (size+padding)*Math.floor((d-1)/params.col)) +\") rotate(-45)\")\n .selectAll(\"path\")\n .data(d=>pie(factoritzar(d)))\n .join(\"path\")\n .attr(\"fill\", d => color.get(d.data))\n .attr(\"stroke\", \"#eee\")\n .attr(\"d\", arc)\n .append(\"title\")\n .text(d => `${d.data}`);\n\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":201,"value":"md`## Apèndix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":94,"value":"padding = 5;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"factoritzar = (num) => {\n let fact = [];\n while(num % 2 === 0){\n fact.push(2);\n num = num/2;\n }\n let x = 3;\n while(num > 1){\n if(num % x === 0){\n fact.push(x);\n num = num / x;\n }else{\n x += 2;\n }\n }\n return fact;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"pie = d3.pie()\n .sort(null)\n .value(1)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":28,"value":"color = {\n let val = 2;\n let nprimer = 1;\n const mapColors = new Map;\n let colorScale = d3.scaleSequential()\n .domain([0,1])\n .interpolator(d3.interpolateSinebow);\n\n while(val <= params.maxim){\n let factors = factoritzar(val);\n if(factoritzar(val).length === 1){\n let x = valorRand(nprimer);\n mapColors.set(val, colorScale(x));\n nprimer++;\n }\n val++;\n }\n return mapColors;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":171,"value":"valorRand = (value) => {\n let min = 0;\n let max = 1;\n let x = 0.5;\n let val = value;\n while(val > 1){\n if(val % 2 === 0){\n min = (max + min)/2;\n }else{\n max = (max + min)/2;\n }\n x = (max + min)/2;\n val = Math.floor(val/2);\n }\n x = (max + min)/2;\n return x;\n}\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":207,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"d3 = require(\"d3@6\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"