3c:null 3d:["$","title",null,{"children":"(design) neural network letter diagrams | Adam White | Observable"}] 43:T7bd,function drawRowLetter(l_points, offset) { let connections = getRowConnections(l_points) let all_connections = getRowConnections(all_points) return `${all_connections.map((c, i) => { let c1 = c[0][0] let r1 = c[0][1] let c2 = c[1][0] let r2 = c[1][1] let x1 = padding_x + radius * 2 * c1 + grid_space_x * c1 + radius + offset[0] let x2 = padding_x + radius * 2 * c2 + grid_space_x * c2 + radius + offset[0] let y1 = padding_y + radius * 2 * r1 + grid_space_y * r1 + radius + offset[1] let y2 = padding_y + radius * 2 * r2 + grid_space_y * r2 + radius + offset[1] // return `` })} ${connections.map((c, i) => { let c1 = c[0][0] let r1 = c[0][1] let c2 = c[1][0] let r2 = c[1][1] let x1 = padding_x + radius * 2 * c1 + grid_space_x * c1 + radius + offset[0] let x2 = padding_x + radius * 2 * c2 + grid_space_x * c2 + radius + offset[0] let y1 = padding_y + radius * 2 * r1 + grid_space_y * r1 + radius + offset[1] let y2 = padding_y + radius * 2 * r2 + grid_space_y * r2 + radius + offset[1] return `` })} ${all_points.map((v, i) => { if (v === 1) { let c = i % points_x; let r = Math.floor(i / points_x); let x = padding_x + radius * 2 * c + grid_space_x * c + radius + offset[0] let y = padding_y + radius * 2 * r + grid_space_y * r + radius + offset[1] // return `` } })} ${l_points.map((v, i) => { if (v === 1) { let c = i % points_x; let r = Math.floor(i / points_x); let x = padding_x + radius * 2 * c + grid_space_x * c + radius + offset[0] let y = padding_y + radius * 2 * r + grid_space_y * r + radius + offset[1] return `` } })}` }44:[] 41:{"id":"488e77b3371d225c","slug":null,"title":"(design) neural network letter diagrams","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-10-04T01:15:23.433Z","update_time":"$D2023-10-04T01:54:56.388Z","view_time":null,"first_public_time":"$D2023-10-04T01:15:23.433Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"2661e4c1c1463a45","login":"adamwhitehat","name":"Adam White","avatar_url":"https://avatars-next.observableusercontent.com/18dcca5bd1ebc33de64f50e8ce97b0f303971eb39350292129303fe3addb830a","tier":"starter_2024","bio":"https://github.com/AdamWhiteHat\nhttps://csharpcodewhisperer.blogspot.com"},"version":133,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"f2fc80572c2744a8","login":"adamwhitehat","name":"Adam White","avatar_url":"https://avatars-next.observableusercontent.com/18dcca5bd1ebc33de64f50e8ce97b0f303971eb39350292129303fe3addb830a","tier":null,"bio":"https://github.com/AdamWhiteHat\nhttps://csharpcodewhisperer.blogspot.com"}],"members":[{"type":"individual","id":"f2fc80572c2744a8","login":"adamwhitehat","name":"Adam White","avatar_url":"https://avatars-next.observableusercontent.com/18dcca5bd1ebc33de64f50e8ce97b0f303971eb39350292129303fe3addb830a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"(design) neural network letter diagrams","cells":[{"id":0,"value":"md`# (design) neural network letter diagrams\n\nFor a Cloudera Fast Forward t-shirt design.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"md`## Final`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"{\n let letters = [o_points, r_points, k_points, s_points];\n let columns = 7;\n let rows = 3;\n let canvas_padding = 80;\n let swidth = width * columns + canvas_padding * 2;\n let sheight = height * rows + canvas_padding * 2;\n return html``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`## Process`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"radius = 8","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"grid_space_x = 20","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"grid_space_y = 32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"points_x = 5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"points_y = 5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"padding_x = grid_space_x","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"padding_y = grid_space_x","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"width = padding_x * 2 + (radius * 2) * points_x + grid_space_x * (points_x - 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"height = padding_y * 2 + (radius * 2) * points_y + grid_space_y * (points_y - 1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"c_points = [\n 0, 1, 1, 1, 1,\n 1, 0, 0, 0, 0,\n 1, 0, 0, 0, 0,\n 1, 0, 0, 0, 0,\n 0, 1, 1, 1, 1\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"l_points = [\n 1, 0, 0, 0, 0,\n 1, 0, 0, 0, 0,\n 1, 0, 0, 0, 0,\n 1, 0, 0, 0, 0,\n 1, 1, 1, 1, 1\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"o_points = [\n 0, 1, 1, 1, 0,\n 1, 0, 0, 0, 1,\n 1, 0, 0, 0, 1,\n 1, 0, 0, 0, 1,\n 0, 1, 1, 1, 0\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"u_points = [\n 1, 0, 0, 0, 1,\n 0, 1, 0, 1, 0,\n 0, 1, 0, 1, 0,\n 0, 1, 0, 1, 0,\n 0, 1, 1, 1, 0\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"d_points = [\n 1, 1, 1, 1, 0,\n 1, 0, 0, 0, 1,\n 1, 0, 0, 0, 1,\n 1, 0, 0, 0, 1,\n 1, 1, 1, 1, 0\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"e_points = [\n 1, 1, 1, 1, 1,\n 1, 0, 0, 0, 0,\n 1, 1, 1, 1, 1,\n 1, 0, 0, 0, 0,\n 1, 1, 1, 1, 1\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"r_points = [\n 1, 1, 1, 1, 0,\n 1, 0, 0, 0, 1,\n 1, 1, 1, 1, 0,\n 1, 0, 0, 1, 0,\n 1, 0, 0, 0, 1\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"a_points = [\n 1, 1, 1, 1, 1,\n 1, 0, 0, 0, 1,\n 1, 1, 1, 1, 1,\n 1, 0, 0, 0, 1,\n 1, 0, 0, 0, 1\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"lowera_points = [\n 0, 0, 0, 0, 0,\n 0, 1, 1, 0, 0,\n 1, 0, 0, 1, 0,\n 1, 0, 0, 1, 0,\n 1, 1, 1, 0, 1\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"n_points = [\n 1, 0, 0, 0, 1,\n 1, 1, 0, 0, 1, \n 1, 0, 1, 0, 1,\n 1, 0, 0, 1, 1,\n 1, 0, 0, 0, 1\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"m_points = [\n 1, 0, 0, 0, 0, \n 0, 0, 0, 0, 1,\n 1, 0, 0, 0, 0, \n 0, 0, 0, 0, 1, \n 1, 0, 0, 0, 0\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"t_points = [\n 1, 1, 1, 1, 1,\n 0, 0, 1, 0, 0,\n 0, 0, 1, 0, 0, \n 0, 0, 1, 0, 0, \n 0, 0, 1, 0, 0\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"w_points = [\n 1, 0, 0, 0, 1, \n 1, 0, 0, 0, 1,\n 1, 0, 1, 0, 1, \n 1, 0, 0, 0, 1, \n 0, 1, 0, 1, 0\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"k_points = [\n 1, 0, 0, 1, 0, \n 1, 0, 1, 0, 0,\n 1, 1, 0, 0, 0, \n 1, 0, 1, 0, 0, \n 1, 0, 0, 1, 0\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"s_points = [\n 1, 1, 1, 1, 1, \n 1, 0, 0, 0, 0,\n 1, 1, 1, 1, 1, \n 0, 0, 0, 0, 1, \n 1, 1, 1, 1, 1\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"ff_points = [\n 1, 0, 1, 0, 0,\n 1, 1, 1, 1, 0,\n 1, 0, 1, 0, 1,\n 1, 1, 1, 1, 0,\n 1, 0, 1, 0, 0,\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"all_points = [\n 1,1,1,1,1,\n 1,1,1,1,1,\n 1,1,1,1,1,\n 1,1,1,1,1,\n 1,1,1,1,1,\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"space = [\n 0,0,0,0,0,\n 0,0,0,0,0,\n 0,0,0,0,0,\n 0,0,0,0,0,\n 0,0,0,0,0,\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"function splitIntoColumns(letter_points) {\n let columns = [...Array(points_x)].map(n => [])\n for (let p = 0; p < letter_points.length; p++) {\n let c = p % points_x\n let v = letter_points[p]\n columns[c].push(v)\n }\n return columns\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"function splitIntoRows(letter_points) {\n let rows = [...Array(points_y)].map(n => [])\n for (let p = 0; p < letter_points.length; p++) {\n let r = Math.floor(p /points_x)\n let v = letter_points[p]\n rows[r].push(v)\n }\n return rows\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"function getRowConnections(letter_points) {\n let connections = []\n let rows = splitIntoRows(letter_points)\n for (let r = 0; r < rows.length; r++) {\n if (r !== rows.length - 1) {\n // if not last\n let row = rows[r];\n let next_row = rows[r + 1];\n for (let c = 0; c < row.length; c++) {\n let this_point = row[c]\n if (this_point === 1) {\n for (let nc = 0; nc < row.length; nc++) {\n let next_point = next_row[nc]\n if (next_point === 1) {\n connections.push([[c,r], [nc, r+1]])\n }\n }\n }\n }\n }\n }\n return connections\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"function getColumnConnections(letter_points) {\n let connections = []\n let columns = splitIntoColumns(letter_points)\n for (let c = 0; c < columns.length; c++) {\n if (c !== columns.length - 1) {\n // if not last\n let column = columns[c];\n let next_columns = columns[c + 1];\n for (let r = 0; r < column.length; r++) {\n let this_point = column[r]\n if (this_point === 1) {\n for (let nr = 0; nr < column.length; nr++) {\n let next_point = next_columns[nr]\n if (next_point === 1) {\n connections.push([[c,r], [c+1,nr]])\n }\n }\n }\n }\n }\n }\n return connections\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"getColumnConnections(c_points)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"function drawColumnLetter(l_points, offset) {\n let connections = getColumnConnections(l_points)\n return `${connections.map((c, i) => {\n let c1 = c[0][0]\n let r1 = c[0][1]\n let c2 = c[1][0]\n let r2 = c[1][1]\n let x1 = padding_x + radius * 2 * c1 + grid_space_x * c1 + radius + offset[0]\n let x2 = padding_x + radius * 2 * c2 + grid_space_x * c2 + radius + offset[0]\n let y1 = padding_y + radius * 2 * r1 + grid_space_y * r1 + radius + offset[1]\n let y2 = padding_y + radius * 2 * r2 + grid_space_y * r2 + radius + offset[1]\n return ``\n })}\n ${l_points.map((v, i) => {\n if (v === 1) {\n let c = i % points_x;\n let r = Math.floor(i / points_x);\n let x = padding_x + radius * 2 * c + grid_space_x * c + radius + offset[0]\n let y = padding_y + radius * 2 * r + grid_space_y * r + radius + offset[1]\n return ``\n }\n })}`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"{\n return html``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"$43","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W44","stdlib":"1"}} 42:"$41:body"