31:[] 2f:{"title":"Divisors","cells":[{"id":0,"value":"md`# Divisors`","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"md`Basat en la idea de [John Graham-Cumming](https://twitter.com/jgrahamc).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"viewof params = form(html``)","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":201,"value":"md`## Apèndix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"padding = 5;","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":39,"value":"pie = d3.pie()\n .sort(null)\n .value(1)\n","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":207,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"d3 = require(\"d3@6\");","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}