30:[] 2e:{"title":"Sunflower","cells":[{"id":250,"value":"md`A port of [2015-04-06](http://jfire.io/animations/2015-04-06/)'s animation to d3.express.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"*{\n const width = 500, height = 500;\n const g = 137.5 * Math.PI / 180;\n const {n, m, c} = inputs;\n\n const data = [];\n for (var r = 1; r <= n; r++) {\n for (var ø = 0; ø < Math.PI * 2; ø += 2 * Math.PI / m) {\n data.push({r, ø});\n }\n }\n\n const svg = d3.select(DOM.svg(width, height))\n .append(\"g\");\n\n const seeds = svg.selectAll(\"circle\")\n .data(data)\n .enter().append(\"circle\")\n .attr(\"cx\", ({r, ø}) => r * r * Math.cos(ø + g * r))\n .attr(\"cy\", ({r, ø}) => r * r * Math.sin(ø + g * r))\n .attr(\"fill\", \"#000\")\n .attr(\"fill-opacity\", 0.3);\n\n while (true) {\n var t = Date.now();\n seeds.attr(\"r\", ({r}, i) => c * (Math.sin(i * t / 50000) + 1) * Math.pow(r, 1.9));\n svg.attr(\"transform\", `translate(${[width / 2, height / 2]})rotate(${t / 100 % 360})`);\n yield svg.node().parentNode;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":227,"value":"viewof inputs = {\n var form = html`