30:T43e,MU = html` `31:[{"id":"3adedb190144968975b188f6245d87b28969ffc2baa3c621d79c1176bba587ca8d96470f00df16502d41d52385e887324bdf904473c4db9eb040f072aa67c2fd","href":"https://static.observableusercontent.com/files/3adedb190144968975b188f6245d87b28969ffc2baa3c621d79c1176bba587ca8d96470f00df16502d41d52385e887324bdf904473c4db9eb040f072aa67c2fd","name":"image@1.png","type":"image/png","lastModified":1585166136473.391,"size":429739}] 2e:{"title":"Geometrize","cells":[{"id":949,"value":"md`\n# Geometrize\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2441,"value":"md`**This notebook loads very slowly...*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":959,"value":"md`### 1. Take an SVG Element`","pinned":false,"hidden":false,"mode":"ojs"},{"id":553,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":963,"value":"md`### 2. Turn it into an IMG Element`","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"mu = html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":389,"value":"md`### 3. Put the Image on a CANVAS Element`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":2370,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1446,"value":"md`---\n## The Trick \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1497,"value":"discover_mu = {\n yield html``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2371,"value":"viewof reset_mu = html`