28:null 29:["$","title",null,{"children":"Geometrize | Ajay | Observable"}] 2e:T43e,MU = html` `2f:[{"id":"3adedb190144968975b188f6245d87b28969ffc2baa3c621d79c1176bba587ca8d96470f00df16502d41d52385e887324bdf904473c4db9eb040f072aa67c2fd","href":"https://static.observableusercontent.com/files/3adedb190144968975b188f6245d87b28969ffc2baa3c621d79c1176bba587ca8d96470f00df16502d41d52385e887324bdf904473c4db9eb040f072aa67c2fd","name":"image@1.png","type":"image/png","lastModified":1585166136473.391,"size":429739}] 2c:{"id":"4fc1f7c2fc5add6f","slug":"geometrize","title":"Geometrize","thumbnail":"69363502fbe86c962cb17c4e8bf8052a2a09ca945f778d995ecbb932ad79d3ca","access_level":"public","create_time":"$D2020-03-25T19:55:36.473Z","update_time":"$D2022-05-16T14:02:10.638Z","view_time":null,"first_public_time":"$D2020-03-25T21:37:51.671Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"c4502285a4e37a76","login":"stroked","name":"Ajay","avatar_url":"https://avatars-next.observableusercontent.com/849d25192620761ccd4197b7433f5fb9328fa64b2eae6f2efeda3ec38d44931b","tier":"starter_2024"},"version":2448,"publish_version":2448,"role":null,"authored":false,"authors":[{"type":"individual","id":"598f272ebeef8654","login":"stroked","name":"Ajay","avatar_url":"https://avatars-next.observableusercontent.com/d44b451942fea52596b1c676ac370921eb7a9fcbafedb9695b15ef3e7e3adcd1","tier":null}],"members":[{"type":"individual","id":"598f272ebeef8654","login":"stroked","name":"Ajay","avatar_url":"https://avatars-next.observableusercontent.com/d44b451942fea52596b1c676ac370921eb7a9fcbafedb9695b15ef3e7e3adcd1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Geometrize","cells":[{"id":949,"value":"md`\n# Geometrize\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2441,"value":"md`**This notebook loads very slowly...*`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"md`### 1. Take an SVG Element`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"md`### 2. Turn it into an IMG Element`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"mu = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"md`### 3. Put the Image on a CANVAS Element`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"canvas_mu = {\n await visibility(mu);\n let canvas = DOM.canvas(\n d3.select(mu).property('width'),\n d3.select(mu).property('height')\n );\n\n yield canvas;\n\n canvas\n .getContext('2d')\n .drawImage(\n mu,\n 0,\n 0,\n d3.select(mu).property('width'),\n d3.select(mu).property('height')\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2370,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1446,"value":"md`---\n## The Trick \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1497,"value":"discover_mu = {\n yield html``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2371,"value":"viewof reset_mu = html`