28:null 29:["$","title",null,{"children":"Single Pixel Image | Jed Fox | Observable"}] 2e:[] 2c:{"id":"ac26b456592c817e","slug":"single-pixel-image","title":"Single Pixel Image","thumbnail":"133401fdbd6a7494a5993fd6e733a122c8c2a0134a5e16f39bd6455f3d519d1c","access_level":"public","create_time":"$D2022-03-03T20:56:15.346Z","update_time":"$D2022-10-12T19:59:40.787Z","view_time":null,"first_public_time":"$D2022-03-03T21:03:00.359Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"d2030a8eee317bb7","login":"j-f1","name":"Jed Fox","avatar_url":"https://avatars-next.observableusercontent.com/d222a344a2bdf162a8495aa976e7c08179a554665edaa137ea155ef6bb38fc37","tier":"starter_2024"},"version":46,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6a6723dba070655c","login":"j-f1","name":"Jed Fox","avatar_url":"https://avatars-next.observableusercontent.com/d222a344a2bdf162a8495aa976e7c08179a554665edaa137ea155ef6bb38fc37","tier":null}],"members":[{"type":"individual","id":"6a6723dba070655c","login":"j-f1","name":"Jed Fox","avatar_url":"https://avatars-next.observableusercontent.com/d222a344a2bdf162a8495aa976e7c08179a554665edaa137ea155ef6bb38fc37","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"ec5a18f631f70b10","slug":"tools","title":"Tools","owner":{"id":"d2030a8eee317bb7","login":"j-f1","name":"Jed Fox"}},"type":"notebook","body":{"title":"Single Pixel Image","cells":[{"id":0,"value":"# Single Pixel Image","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":6,"value":"viewof color = Inputs.color({ label: \"Color\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"pixel = {\n const ctx = DOM.context2d(1, 1, 1);\n ctx.fillStyle = color;\n ctx.fillRect(0, 0, 1, 1);\n ctx.canvas.style.transform = \"scale(10)\";\n return ctx.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"html`

Base64-encoded PNG image:
\n${pixel.toDataURL(\"image/png\")}\n

Base64-encoded JPEG image:
\n${pixel.toDataURL(\"image/jpeg\")}\n

Base64-encoded TIFF image:
\n${pixel.toDataURL(\"image/tiff\")}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"