41:null 42:["$","title",null,{"children":"Video chat design experiments | Arthur Ostapenko | Observable"}] 48:T7de,function generateBlock(startX, startY) { // let startX = 160; // let startY = 80; let smallBlockWidth = 54; let smallBlockHeight = 54; let pattern = ` `; for (let x = 0; x < bigBlockWidth; x += 18) { for (let y = 0; y < bigBlockWidth; y += 18) { pattern = pattern + ``; pattern = pattern + ``; } } return pattern; }49:[] 46:{"id":"38dc41c10764d797","slug":"video-chat-design-experiments","title":"Video chat design experiments","thumbnail":"b5c74a6761620f43d5f41b41af5702f05f24301e01260c98b78be08017e3faa7","access_level":"public","create_time":"$D2020-04-22T21:05:33.216Z","update_time":"$D2020-04-23T15:36:57.069Z","view_time":null,"first_public_time":"$D2020-04-23T14:34:19.468Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8da4a2660a0c9d8f","login":"arthur","name":"Arthur Ostapenko","avatar_url":"https://avatars-next.observableusercontent.com/27f7589ab6c9a406aff33db1de1bc088c6e580f9f943934d699bea057488c740","tier":"starter_2024","bio":"","following":false},"version":162,"publish_version":162,"role":null,"authored":false,"authors":[{"type":"individual","id":"d1328e4b3183d6a9","login":"arthur","name":"Arthur Ostapenko","avatar_url":"https://avatars-next.observableusercontent.com/27f7589ab6c9a406aff33db1de1bc088c6e580f9f943934d699bea057488c740","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"d1328e4b3183d6a9","login":"arthur","name":"Arthur Ostapenko","avatar_url":"https://avatars-next.observableusercontent.com/27f7589ab6c9a406aff33db1de1bc088c6e580f9f943934d699bea057488c740","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Video chat design experiments","cells":[{"id":0,"value":"md`# Video chat design experiments`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"canvas = html`\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"downloadLink(\n `Download SVG`,\n `svg.txt`,\n ``\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"svg` `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"import { downloadLink } from \"@uwdata/data-utilities\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"function fillField() {\n let result = ``;\n for (let x = 0; x < 600; x += bigBlockWidth) {\n for (let y = 0; y < 600; y += bigBlockHeight) {\n result += generateBlock(x, y);\n }\n }\n\n return result;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"backColor = `#E5E1E0`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"bigBlockWidth = 108","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"bigBlockHeight = 108","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 47:"$46:body"