2c:null 2d:["$","title",null,{"children":"(fake) neural network letter diagrams | Grant Custer | Observable"}] 32: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 `` } })}` }33:[] 30:{"id":"33ac18d4fb6bbf9e","slug":"fake-neural-network-letter-diagrams","title":"(fake) neural network letter diagrams","thumbnail":"912136e54da1d14d13adcfd904b8830fc355cdbf4d4891552bcf7dcfc7bac261","access_level":"public","create_time":"$D2019-09-10T14:40:29.768Z","update_time":"$D2019-09-11T14:25:26.110Z","view_time":null,"first_public_time":"$D2019-09-11T14:16:47.463Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"bf2c1edd2a33aa1b","login":"grantcuster","name":"Grant Custer","avatar_url":"https://avatars-next.observableusercontent.com/10eebb9a620b6b833738fb495f94fb682bcdc3270b247a9a8aef575ed0702c48","tier":"starter_2024"},"version":289,"publish_version":289,"role":null,"authored":false,"authors":[{"type":"individual","id":"a1f8c368ee3d80be","login":"grantcuster","name":"Grant Custer","avatar_url":"https://avatars-next.observableusercontent.com/10eebb9a620b6b833738fb495f94fb682bcdc3270b247a9a8aef575ed0702c48","tier":null}],"members":[{"type":"individual","id":"a1f8c368ee3d80be","login":"grantcuster","name":"Grant Custer","avatar_url":"https://avatars-next.observableusercontent.com/10eebb9a620b6b833738fb495f94fb682bcdc3270b247a9a8aef575ed0702c48","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"(fake) neural network letter diagrams","cells":[{"id":0,"value":"md`# (fake) neural network letter diagrams\n\nFor a Cloudera Fast Forward t-shirt design.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"md`## Final`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"{\n let letters = [c_points, l_points, o_points, u_points, d_points, e_points, r_points, a_points]\n let columns = 3\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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"md`## Process`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"radius = 8","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"grid_space_x = 20","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"grid_space_y = 32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"points_x = 5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"points_y = 5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"padding_x = grid_space_x","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"padding_y = grid_space_x","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"u_points = [\n 1, 0, 0, 0, 1,\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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"a_points = [\n 0, 1, 1, 1, 0,\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":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"getColumnConnections(c_points)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"{\n return html``\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"