2b:null 2c:["$","title",null,{"children":"Notebook Visualizer (v3 Version) | Jeremy Ashkenas | Observable"}] 31:[] 2f:{"id":"db851897fd933a57","slug":null,"title":"Notebook Visualizer (v3 Version)","thumbnail":"d26582f7faee506717931b049df6db62c2e2f60736bedec889898ae6a30f9778","access_level":"unlisted","create_time":"$D2019-06-14T20:49:47.035Z","update_time":"$D2019-06-14T22:00:04.768Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"f6ca568219953fee","slug":"notebook-visualizer","title":"Notebook visualizer","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"172cc08ef8a18a4b","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":"starter_2024"},"version":276,"publish_version":276,"role":null,"authored":false,"authors":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null}],"members":[{"type":"individual","id":"783616ba9fb55f5d","login":"jashkenas","name":"Jeremy Ashkenas","avatar_url":"https://avatars-next.observableusercontent.com/fa1903f8171d4621ef49de28e0ff1fb965960ec87df175d8b543c4b09508b45b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Notebook Visualizer (v3 Version)","cells":[{"id":0,"value":"md`# Notebook Visualizer (v3 Version)\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](/@mbostock/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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"viewof id = {\n const {text} = submit({\n value: new URLSearchParams(html``.search).get(\"id\") || \"@mbostock/liquidfun\"\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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"viewof orient = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"viewof anon = {\n const form = html`

Include anonymous cells`;\n form.check.onclick = () => {\n form.value = form.check.checked;\n form.dispatchEvent(new CustomEvent(\"input\"));\n };\n form.check.onclick();\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"chart = dot`digraph \"${id}\" {\nrankdir = ${orient};\n${variables\n .filter(anon ? () => true : v => v.name)\n .map((v, i) => {\n const name = v.name || `#${i}`;\n return v.inputs.map(input => `\"${input}\" -> \"${name}\"`).join(\"\\n\");\n })\n .join(\"\\n\")}\n}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"variables = {\n return fetch(`https://api.observablehq.com/${id}.js?v=3`)\n .then(response => response.text())\n .then(text => {\n const r = runtime();\n new Function(\n \"runtime\",\n \"observer\",\n `${fakeImports.join(\" \")}${text.slice(\n text.indexOf(\"(runtime, observer) {\") + 21,\n -2\n )}`\n )(r, observer);\n return r.variables;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"function runtime() {\n const variables = [];\n return {\n module: () => ({\n variable: () => ({\n define: (a, b, c) => {\n variables.push({\n name: b != null && typeof a === \"string\" ? a : undefined,\n inputs: Array.isArray(a) ? a : Array.isArray(b) ? b : []\n });\n }\n }),\n import: (...args) => {\n const imports = args.slice(0, -1);\n imports.forEach(name => {\n variables.push({ name, inputs: [] });\n });\n },\n derive: () => {}\n }),\n variables\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"fakeImports = Array(100)\n .fill(0)\n .map((n, i) => `const define${i + 1} = null;`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"observer = () => {}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import {submit} from \"@mbostock/more-deliberate-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"import {dot} from \"@mbostock/graphviz\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 30:"$2f:body"