31:[] 2f:{"title":"Dampened Random Walk","cells":[{"id":0,"value":"md`# Dampened Random Walk`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"viewof decay = {\n const form = html``;\n form.i.oninput = () => form.o.value = `${(form.value = Math.pow(form.i.valueAsNumber, 3)).toFixed(2)} decay`;\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"viewof noise = {\n const form = html``;\n form.i.oninput = () => form.o.value = `${(form.value = form.i.valueAsNumber).toFixed(2)} noise`;\n form.i.oninput();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"{\n const svg = d3.select(DOM.svg(width, height))\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"black\")\n .attr(\"stroke-width\", 0.5);\n\n while (true) {\n yield svg.node();\n\n svg.append(\"path\")\n .attr(\"d\", line(dampenedRandomWalk()))\n .attr(\"stroke-dasharray\", strokeNone)\n .transition()\n .ease(d3.easeLinear)\n .duration(750)\n .attrTween(\"stroke-dasharray\", strokeIn)\n .transition()\n .attrTween(\"stroke-dasharray\", strokeOut)\n .remove();\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"function dampenedRandomWalk() {\n let target = 0.5;\n let value = Math.random();\n let values = [value];\n for (let i = 0; i < n; ++i) {\n values.push(value += (Math.random() - 0.5) * noise + (target - value) * decay);\n }\n return values;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":143,"value":"function strokeNone() {\n return `0 ${this.getTotalLength()}`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":105,"value":"function strokeIn() {\n const l = this.getTotalLength();\n return d3.interpolate(`0 ${l}`, `${l} 0`);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":101,"value":"function strokeOut() {\n const l = this.getTotalLength();\n return d3.interpolate(`0 0 ${l}`, `0 ${l} 0`);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":85,"value":"line = d3.line().x((d, i) => i / n * width).y(d => d * height)","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"n = 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"height = 500","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}