2a:null 2b:["$","title",null,{"children":"Notebook Visualizer Elk Edition | Kaile Yuan | Observable"}] 30:[] 2e:{"id":"7af518929a96b813","slug":"notebook-visualizer-elk-edition","title":"Notebook Visualizer Elk Edition","thumbnail":"080220396ecf7e2464af298a996bd54f10cba30e72ee1a9fa74f826cd541abb8","access_level":"public","create_time":"$D2019-12-19T02:13:10.139Z","update_time":"$D2020-02-13T20:26:49.511Z","view_time":null,"first_public_time":"$D2019-12-19T02:13:13.386Z","fork":{"id":"d6bb2070518b9928","slug":"notebook-visualizer-elk-edition","title":"Notebook visualizer Elk edition","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"e968a466b4f02e15","login":"gustavoquincy","name":"Kaile Yuan","avatar_url":"https://avatars-next.observableusercontent.com/79b60b12fa820d3af38c6e8c362875193f3ab8dc7960980c837270e9fddf2f6d","tier":"starter_2024"},"version":471,"publish_version":471,"role":null,"authored":false,"authors":[{"type":"individual","id":"c015efca5a4e2079","login":"gustavoquincy","name":"Kaile Yuan","avatar_url":"https://avatars-next.observableusercontent.com/79b60b12fa820d3af38c6e8c362875193f3ab8dc7960980c837270e9fddf2f6d","tier":null}],"members":[{"type":"individual","id":"c015efca5a4e2079","login":"gustavoquincy","name":"Kaile Yuan","avatar_url":"https://avatars-next.observableusercontent.com/79b60b12fa820d3af38c6e8c362875193f3ab8dc7960980c837270e9fddf2f6d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"55834b08bd18f217","slug":"utils","title":"Utils","owner":{"id":"e968a466b4f02e15","login":"gustavoquincy","name":"Kaile Yuan"}},"type":"notebook","body":{"title":"Notebook Visualizer Elk Edition","cells":[{"id":0,"value":"md`# Notebook Visualizer _Elk Edition_\n\n_🌶 Like the [notebook visualizer](https://observablehq.com/@observablehq/notebook-visualizer), but using [elkjs](https://github.com/OpenKieler/elkjs) and [my tiny rendering notebook](https://observablehq.com/@tmcw/elk) for a beautiful orthogonal layout._\n\nTo use, paste the URL of a public or shared notebook below, or type and click submit. For more on what this graph means, see [How Observable Runs](/@observablehq/how-observable-runs). Use the cell menu below to save your graph as PNG or SVG if desired.\n\nTo share a link to your dependency graph, [click here](?id=${id}).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"viewof id = {\n const {text} = submit({\n value: new URLSearchParams(html``.search).get(\"id\") || \"@gustavoquincy/trying-to-perform-a-vertex-model-simulation-using-svg-in-htm\"\n });\n text.addEventListener(\"input\", () => {\n let v = text.value, m;\n if (m = /\\.js(\\?|$)/i.exec(v)) v = v.slice(0, m.index);\n if (m = /^[0-9a-f]{16}$/i.test(v)) v = `d/${v}`;\n if (m = /^https:\\/\\/(api\\.|beta\\.|)observablehq\\.com\\//i.exec(v)) v = v.slice(m[0].length);\n if (v !== text.value) text.value = v;\n });\n text.addEventListener(\"paste\", () => {\n Promises.delay(50).then(() => {\n text.form.dispatchEvent(new CustomEvent(\"submit\", {cancelable: true}));\n });\n });\n return text.form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":110,"value":"viewof orient = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":129,"value":"viewof show = {\n const form = html``;\n form.value = {anon: false, builtin: true};\n form.anon.onclick = form.builtin.onclick = event => {\n form.value = {...form.value, [event.currentTarget.name]: event.currentTarget.checked};\n form.dispatchEvent(new CustomEvent(\"input\"));\n };\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":434,"value":"fullscreen = {\n const button = html`