31:T4e6,frame_1 = ``32:T887,frame_2 = ``33:T6f1,frame_3 = ``34:T825,frame_4 = ``35:T7ef,frame_5 = ``36:Tb98,frame_6 = ``37:T7f2,frame_7 = ``38:Tbae,ref = html``39:[] 2f:{"title":"Federated learning diagram mess","cells":[{"id":0,"value":"md`# Federated learning diagram mess`","pinned":false,"hidden":false,"mode":"ojs"},{"id":519,"value":"animation = html`${animation_array[counter - 1]}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":546,"value":"md`This code is very messy but the animation works!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":415,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":421,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":424,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":479,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":558,"value":"await rasterize(html`${frame_1}`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":503,"value":"animation_array = [\n frame_1,\n frame_2,\n frame_3,\n frame_4,\n frame_5,\n frame_6,\n frame_7\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":570,"value":"mutable frames = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":494,"value":"mutable dots_array = [makeDots(), makeDots()]","pinned":false,"hidden":false,"mode":"ojs"},{"id":505,"value":"counter = {\n let i = 0;\n while (true) {\n if (i === animation_array.length) {\n let current_array = dots_array.slice(0);\n current_array.shift();\n current_array.push(makeDots());\n mutable dots_array = current_array;\n i = 0;\n yield Promises.delay(600, 0);\n } else {\n i = i + 1;\n yield Promises.delay(600, i);\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":587,"value":"mutable blobs = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":584,"value":"blob_assembler = {\n if (counter > blobs.length) {\n let raster = await rasterize(animation);\n let current = blobs.slice(0);\n current.push(raster);\n mutable blobs = current;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":614,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"DOM.download(gif)","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"viewof regen = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":245,"value":"DOM.download(serialize(svg), null, \"Download as SVG\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":247,"value":"DOM.download(await rasterize(svg), null, \"Download as PNG\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":484,"value":"state = {\n return { dots: makeDots() };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":487,"value":"function makeDots() {\n let dots = [...Array(node_number)].map((n, i) =>\n [\n ...Array(data_dot_number + Math.floor(Math.random() * data_dot_number))\n ].map((nd, i) => {\n let random_x = Math.random();\n let line_y = dot_y_space - random_x * dot_y_space;\n let jitter_y;\n if (Math.random() > 0.5) {\n jitter_y = (dot_y_space - line_y) * Math.random() + line_y;\n } else {\n jitter_y = line_y * Math.random();\n }\n return [random_x * dot_x_space, jitter_y];\n })\n );\n return dots;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"dots = dots_array[dots_array.length - 2]","pinned":false,"hidden":false,"mode":"ojs"},{"id":428,"value":"dots2 = dots_array[dots_array.length - 1]","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"function getNodeX(i) {\n return node_outside_padding + node_padding * i + node_width * i;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"regressions = dots.map((ds, di) => {\n return ss.linearRegression(ds);\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"regressions2 = dots2.map((ds, di) => {\n return ss.linearRegression(ds);\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":130,"value":"node_lines = regressions.map((l, i) => {\n let first = [0, 0 * l.m + l.b];\n let second = [dot_x_space, dot_x_space * l.m + l.b];\n return [first, second];\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"node_lines2 = regressions2.map((l, i) => {\n let first = [0, 0 * l.m + l.b];\n let second = [dot_x_space, dot_x_space * l.m + l.b];\n return [first, second];\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"server_line_ys = {\n let total_dots = dots.reduce((total, ds) => {\n return total + ds.length;\n }, 0);\n let line_totals = node_lines.reduce(\n (total, line, i) => {\n let weight = dots[i].length;\n let y1 = line[0][1];\n let y2 = line[1][1];\n let new_total = [total[0] + y1 * weight, total[1] + y2 * weight];\n return new_total;\n },\n [0, 0]\n );\n return [\n line_totals[0] / total_dots / dot_y_space,\n line_totals[1] / total_dots / dot_y_space\n ];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":436,"value":"server_line_ys2 = {\n let total_dots = dots2.reduce((total, ds) => {\n return total + ds.length;\n }, 0);\n let line_totals = node_lines2.reduce(\n (total, line, i) => {\n let weight = dots2[i].length;\n let y1 = line[0][1];\n let y2 = line[1][1];\n let new_total = [total[0] + y1 * weight, total[1] + y2 * weight];\n return new_total;\n },\n [0, 0]\n );\n return [\n line_totals[0] / total_dots / dot_y_space,\n line_totals[1] / total_dots / dot_y_space\n ];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"node_outside_padding = node_padding * 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"node_padding = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"node_width =\n (maxed_width - node_outside_padding * 2 - node_padding * (node_number - 1)) /\n node_number","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"node_number = 4","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"node_aspect = 4 / 3","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"node_height = node_width / node_aspect","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"node_y_offset = 30","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"function getNodeY(i) {\n if (i === 0 || i === node_number - 1) {\n return height - node_height - node_outside_padding - node_y_offset;\n } else {\n return height - node_height - node_outside_padding;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"server_width = node_width * 1.25","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"server_x = (maxed_width - server_width) / 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"server_y = node_outside_padding","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"server_height = server_width / node_aspect","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"data_dot_number = 12","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"maxed_width = Math.min(width, 600)","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"height = maxed_width / aspect_ratio","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"green_fill = \"#35c4a6\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"orange_fill = \"#F68943\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"aspect_ratio = 1.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"dot_padding = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"dot_x_space = node_width - dot_padding * 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":114,"value":"dot_y_space = node_height - dot_padding * 2","pinned":false,"hidden":false,"mode":"ojs"},{"id":123,"value":"ss = require(\"simple-statistics\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"import {serialize, rasterize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":597,"value":"GIF = {\n const gif = await require(\"gif.js@0.2\");\n const workerScript = await fetch(\n \"https://unpkg.com/gif.js@0.2/dist/gif.worker.js\"\n )\n .then(response => response.blob())\n .then(blob => URL.createObjectURL(blob, { type: \"text/javascript\" }));\n function GIF(options) {\n gif.call(this, { workerScript, ...options });\n }\n GIF.prototype = Object.create(gif.prototype);\n return GIF;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}