2d:null 2e:["$","title",null,{"children":"Slide | Mike Bostock | Observable"}] 33:T5ab,slide = { if (!slide_style.parentNode) document.head.append(slide_style); function slide() { const content = md.apply(this, arguments); if (content.firstChild?.tagName === "P" && content.firstChild.textContent === "%note") { content.firstChild.remove(); return content; } const container = document.createElement("div"); container.className = "slide"; container.appendChild(content); return container; } function code(strings) { const container = document.createElement("div"); const pre = container.appendChild(document.createElement("pre")); const code = pre.appendChild(document.createElement("code")); let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; code.textContent = string.trim(); container.className = "slide slide--code"; return container; } slide.code = code; slide.js = function() { const container = code.apply(this, arguments); const content = container.firstChild.firstChild; content.className = "js hljs javascript"; hl.highlightBlock(content); return container; }; slide.img = function(strings) { const img = new Image; let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; img.src = string.trim(); img.className = "slide slide--img"; return img; }; return slide; }34:[] 31:{"id":"e6e3f7f78308b284","slug":"slide","title":"Slide","thumbnail":"a1a1893531ae41a76d7b70a7ce483da4299e780d0c34a1d36356fe5199eaeab1","access_level":"public","create_time":"$D2018-05-11T22:07:37.091Z","update_time":"$D2023-05-01T20:34:34.139Z","view_time":null,"first_public_time":"$D2018-05-11T22:31:00.831Z","has_unpublished_edits":null,"fork":false,"stars":155,"starred":false,"owner":{"type":"team","id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":"pro_2026"},"version":293,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null}],"members":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"}],"comments":[{"id":"c0e4743515f69bef","reply_to_id":null,"content":"This doesn't seem to work as expected. The slides are full screen but all you can do is scroll to the next, is this the expected behavior vs say clicking to view the next slide?","create_time":"$D2021-01-24T00:42:09.889Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null}},{"id":"b55cd0b1e076db0d","reply_to_id":null,"content":"is it normal to have a scrollbar?\nI don't know how to make a slide fullscreen alone","create_time":"$D2021-04-08T11:04:42.213Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"a6fc3b75f7d13d64","login":"nicoxia","name":"xia maosheng","avatar_url":"https://avatars-next.observableusercontent.com/f26b1f3db2848958bf66065e69364a8e8bf417737b89ed509b28445db24eef9e","tier":null}},{"id":"222b999728391ded","reply_to_id":null,"content":"I don't find a way to name this cell, could you tell me how or give me a help link? \nThanks","create_time":"$D2024-01-18T16:08:28.773Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"c29d0dcf18c494d3","login":"chaosalchemist","name":"Chaos Alchemist","avatar_url":"https://avatars-next.observableusercontent.com/29739a1b68a530a976fc61af325093d3fc1fccf4067ed4cfee2264934c2de71b","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":73,"collection":null,"type":"notebook","body":{"title":"Slide","cells":[{"id":0,"value":"# Slide\n\nTo present, hit **F**, or click **View > View in Fullscreen** in the notebook menu above.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"slide`Let’s give a presentation using an Observable notebook.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"slide.js`\n// Import the slide function:\nimport {slide} from \"@mbostock/slide\"\n\n// Create a slide:\nslide\\`Hello, *world*!\\`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"slide`Hello, *world*!`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"slide`Use \\`slide\\` for Markdown, \\`slide.js\\` or \\`slide.code\\` for code, and \\`slide.img\\` for an image.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"slide.js`\n// This is a JavaScript code snippet.\nfunction foo() {\n return 42;\n}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"slide.img`https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"slide`You can use LaTeX, too: ${tex.block`\nf(\\textcolor{hotpink}{x}) = \\int_{-\\infty}^\\infty\n \\hat f(\\xi)\\,e^{2 \\pi i \\xi \\textcolor{hotpink}{x}}\n \\,d\\xi\n`}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"slide`And it’s reactive!\n\n${new Date(now).toLocaleString()}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"---\n\n## Implementation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"slide_style","database":"$undefined"},{"id":140,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"