3f:null 40:["$","title",null,{"children":"Plotter #1 | Hugo Sainte-Marie | Observable"}] 46:[] 44:{"id":"8623bb9e0774bf94","slug":"plotter-1","title":"Plotter #1","thumbnail":"2a1d0d7f28ce0951f1cefd3203f3112e446efedc8830b1baceb4991936ec6534","access_level":"public","create_time":"$D2020-04-29T20:07:05.139Z","update_time":"$D2020-04-29T22:24:46.286Z","view_time":null,"first_public_time":"$D2020-04-29T22:23:02.816Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"63a315e284056197","login":"ashugeo","name":"Hugo Sainte-Marie","avatar_url":"https://avatars-next.observableusercontent.com/c16cf6e2783b70f021c358ac15ca644b0243a759771e9228b171ab26ae7cf76e","tier":"starter_2024","bio":"Interaction designer","following":false},"version":581,"publish_version":581,"role":null,"authored":false,"authors":[{"type":"individual","id":"8eb01a24fa22a25c","login":"ashugeo","name":"Hugo Sainte-Marie","avatar_url":"https://avatars-next.observableusercontent.com/c16cf6e2783b70f021c358ac15ca644b0243a759771e9228b171ab26ae7cf76e","tier":null,"bio":"Interaction designer","following":false}],"members":[{"type":"individual","id":"8eb01a24fa22a25c","login":"ashugeo","name":"Hugo Sainte-Marie","avatar_url":"https://avatars-next.observableusercontent.com/c16cf6e2783b70f021c358ac15ca644b0243a759771e9228b171ab26ae7cf76e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"2be73eb44a59488a","slug":"plotter","title":"Plotter","owner":{"id":"63a315e284056197","login":"ashugeo","name":"Hugo Sainte-Marie"}},"type":"notebook","body":{"titling":"auto","title":"Plotter #1","cells":[{"id":518,"value":"md`# Plotter #1\n*Let's discover ObservableHQ!*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"w = width;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"h = w / 29.7 * 21 // A4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"viewof x = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"viewof y = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"viewof m = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"viewof n = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"({ x, y, m, n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"coords = {\n const array = [];\n for (let i = 0; i < x; i += 1) {\n const row = [];\n for (let j = 0; j < y; j += 1) {\n row.push({ x: m + (w - 2 * m + n) / x * i, y: m + (h - 2 * m + n) / y * j });\n }\n array.push(row);\n }\n return array;\n} ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"DOM.download(() => serialize(SVG), 'sketch', \"Export SVG\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"SVG = svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"arr = n => {\n return new Array(n)\n .fill(0)\n .map((_, i) => i)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"serialize = {\n const xmlns = \"http://www.w3.org/2000/xmlns/\";\n const xlinkns = \"http://www.w3.org/1999/xlink\";\n const svgns = \"http://www.w3.org/2000/svg\";\n return function serialize(svg) {\n svg = svg.cloneNode(true);\n const fragment = window.location.href + \"#\";\n const walker = document.createTreeWalker(svg, NodeFilter.SHOW_ELEMENT, null, false);\n while (walker.nextNode()) {\n for (const attr of walker.currentNode.attributes) {\n if (attr.value.includes(fragment)) {\n attr.value = attr.value.replace(fragment, \"#\");\n }\n }\n }\n svg.setAttributeNS(xmlns, \"xmlns\", svgns);\n svg.setAttributeNS(xmlns, \"xmlns:xlink\", xlinkns);\n const serializer = new window.XMLSerializer;\n const string = serializer.serializeToString(svg);\n return new Blob([string], {type: \"image/svg+xml\"});\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 45:"$44:body"