30:[] 2e:{"title":"2 graphs","cells":[{"id":0,"value":"md`#2 graphs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof canvas = {\n const height = width * 0.2;\n const canvas = DOM.element('canvas');\n canvas.width = width;\n canvas.height = height;\n\n const ctx = canvas.getContext('2d');\n\n let x = 0;\n let n = 1;\n\n while(x <= 8) {\n for(var i = 0; i < n; i++) {\n const phase = i / n;\n ctx.beginPath();\n ctx.fillStyle = \"blue\";\n ctx.rect(x / 10 * width, height - combined(x, phase * 2) * height - 1, 0.5, 0.5);\n ctx.fill();\n ctx.closePath();\n\n ctx.beginPath();\n ctx.fillStyle = \"red\";\n ctx.rect(x / 10 * width, height - combined2(x, phase * 2) * height, 0.5, 0.5);\n ctx.fill();\n ctx.closePath();\n }\n x += 0.001;\n }\n return canvas;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":740,"value":"function sine2(x, phase) {\n return Math.sin((phase + x) * 2 * Math.PI) * 0.5 + 0.5;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":584,"value":"function step2(x, phase) {\n const blah = (x + phase + 0.25) % 4\n if((0.5 < blah && blah < 2.5)) {\n return 0\n } else {\n return 1\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":582,"value":"function onoff2(x, phase) {\n const blah = (x + phase + 0.25) % 4\n if((0.5 < blah && blah < 1.0) || (2.0 < blah && blah < 2.5)) {\n return 1\n } else {\n return 0\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":577,"value":"function combined2(x, phase) {\n return sine2(x, phase) * onoff2(x, phase) + step2(x, phase)\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":354,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":295,"value":"function combined(x, phase) {\n return sine(x, phase) * onoff(x, phase) + step(x, phase)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"function sine(x, phase) {\n return Math.cos((phase + x) * 2 * Math.PI) * 0.5 + 0.5;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":298,"value":"function onoff(x, phase) {\n return 0.5\n const blah = (x + phase) % 4\n if((1.5 < blah && blah < 2.0) || (3.5 < blah && blah < 4.0)) {\n return 0.5\n } else {\n return 0\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":493,"value":"function step(x, phase) {\n const blah = (x + phase) % 4\n if(blah < 2){\n return 0\n } else {\n return 0.5\n }\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}