2b:null 2c:["$","title",null,{"children":"Sunflower | John Firebaugh | Observable"}] 31:[] 2f:{"id":"aa11a55537da7bd7","slug":"sunflower","title":"Sunflower","thumbnail":"f146785a8de6643303160752ea2d4cd389852dad7aa54640e81fac89628288c0","access_level":"public","create_time":"$D2017-08-09T03:31:35.368Z","update_time":"$D2019-09-11T18:59:51.283Z","view_time":null,"first_public_time":"$D2017-08-09T04:21:25.943Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"157a1e3b7b68f77d","login":"jfirebaugh","name":"John Firebaugh","avatar_url":"https://avatars-next.observableusercontent.com/fc7849e25c4be8c8e0725210c61719768250a8171e1b219f8f403dac03ef4c93","tier":"starter_2024"},"version":254,"publish_version":254,"role":null,"authored":false,"authors":[{"type":"individual","id":"dfbe11e3fea1d23b","login":"jfirebaugh","name":"John Firebaugh","avatar_url":"https://avatars-next.observableusercontent.com/fc7849e25c4be8c8e0725210c61719768250a8171e1b219f8f403dac03ef4c93","tier":null}],"members":[{"type":"individual","id":"dfbe11e3fea1d23b","login":"jfirebaugh","name":"John Firebaugh","avatar_url":"https://avatars-next.observableusercontent.com/fc7849e25c4be8c8e0725210c61719768250a8171e1b219f8f403dac03ef4c93","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined"},{"id":217,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"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","author":"$undefined","summary":"$undefined"},{"id":227,"value":"viewof inputs = {\n var form = html`