2a:null 2b:["$","title",null,{"children":"Introduction to Notebooks | Observable | Observable"}] 30:T434,md`To create a cell, click on the inserter button in the left margin between cells. To delete a cell, Shift-click the inserter button to merge it into the adjacent cell. Or use the equivalent keyboard shortcuts: ${keys("Alt-Enter")} and ${keys("Alt-Backspace")}. You can move cells using ${keys("Alt-Cmd-Up")} and ${keys("Alt-Cmd-Down")}. You can also reorder cells by dragging the cell menu in the left margin. If you can’t remember these commands, click on the question mark in the bottom-right corner of the screen, then click on “Keyboard shortcuts” for the full list.`31:[] 2e:{"id":"5619eceafed5879d","slug":"introduction-to-notebooks","title":"Introduction to Notebooks","thumbnail":"cef88ef37f5f2ba224fce92348c1bdb47ca12ee81e25e1936637c33c7455370b","access_level":"public","create_time":"$D2017-12-20T23:59:04.999Z","update_time":"$D2026-05-24T01:56:03.305Z","view_time":null,"first_public_time":"$D2017-12-21T18:44:05.849Z","has_unpublished_edits":null,"fork":false,"stars":47,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024"},"version":379,"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":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":167,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Introduction to Notebooks","cells":[{"id":0,"value":"md`# Introduction to Notebooks\n\nThis is a *notebook*—an interactive, editable document defined by code. It’s a computer program, but one that’s designed to be easier to read and write by humans.\n\nA notebook can be used as a scratchpad for exploring data, or to explain quantitative phenomena. Because the code runs live in your browser, notebooks are also a powerful medium for studying dynamic systems and algorithms. (See Stephen Wolfram’s [What Is a Computational Essay?](http://blog.stephenwolfram.com/2017/11/what-is-a-computational-essay/) for more.)\n\nNotebooks are comprised of cells. A *cell* can be pretty much anything. For example, a cell might contain a few paragraphs of text, like this one. Or a cell might contain images, videos, charts, or other graphical and interactive elements. A cell can also contain data structures, like numbers, strings, arrays and objects. Functions, too.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"image = flood // See the import down below! 🌈","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"md`Each cell, even a simple text cell like this one, is defined by a snippet of code. By default the code is hidden, but the next cell is *pinned* so you can see it. The code has a light gray background, and the cell’s content—the result of running the code—appears above.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"`My favorite number is ${2 * 3 * 7}.`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"md`If a cell is not pinned, its source is only visible when focused. Click the cell menu or anywhere in the left margin to edit the cell. Once you have a cell focused, to edit another cell, either click on that cell’s left margin as before or use ${keys(mac ? \"Alt-Tab\" : \"Alt-Shift-Down\")} and ${keys(mac ? \"Shift-Alt-Tab\" : \"Alt-Shift-Up\")} to navigate between cells.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"md`All code is editable, so try editing the code above! After making changes, click the play button in the top-right corner of the editor to run the new code, or use the ${keys(\"Shift-Enter\")} keyboard shortcut.\n\nIf this were your notebook, your edits would be saved automatically. But when you edit someone else’s notebook, your changes are discarded when you leave; reload the page to discard your changes immediately. If you wish to save your changes, click the fork button at the top to create your own personal copy of this notebook.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"keys = s => html`${keysText(s)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"import {keys as keysText, mac} from \"@mbostock/keys\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"import {canvas as flood} from \"@mbostock/randomized-flood-fill\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2f:"$2e:body"