31:[{"id":"7ea2943b33f42e3ba8a9b0b6fa305a4b7402fc0e7c3602825df5c782c52b414ab8094e42d9c79931e767069935076f35a3731dded51b9124cab8fe2ad48e300f","href":"https://static.observableusercontent.com/files/7ea2943b33f42e3ba8a9b0b6fa305a4b7402fc0e7c3602825df5c782c52b414ab8094e42d9c79931e767069935076f35a3731dded51b9124cab8fe2ad48e300f","name":"cells.jpg","type":"image/jpeg","lastModified":1653454441169.28,"size":285410},{"id":"f55ca18de174028a01da113984dba1a81413c4619f76a26dd343fcb31eaf72b126913988924f528dc015b427b7de3259e7d985f245459ecab43ed674783f009b","href":"https://static.observableusercontent.com/files/f55ca18de174028a01da113984dba1a81413c4619f76a26dd343fcb31eaf72b126913988924f528dc015b427b7de3259e7d985f245459ecab43ed674783f009b","name":"mathFormula.png","type":"image/png","lastModified":1654638517994.862,"size":34232},{"id":"c1ae4e06c06c6147dd274dea4cddceaa82e9655f7a25dfa1eaa62be3094225303a00d4d2f282f7800db0605e39eae037ce00f87b96f1ccb1c95a5fb6c9adf29d","href":"https://static.observableusercontent.com/files/c1ae4e06c06c6147dd274dea4cddceaa82e9655f7a25dfa1eaa62be3094225303a00d4d2f282f7800db0605e39eae037ce00f87b96f1ccb1c95a5fb6c9adf29d","name":"addCellBar.png","type":"image/png","lastModified":1692034537927.355,"size":6450},{"id":"859adad64349b7dfc42bd06f0d956fe72ce41ffb355f9c675430bea36ea4ac06c5b129a1ef95772ae49da2315333988615cacc15d5eb990f5e5dd7350a91adb3","href":"https://static.observableusercontent.com/files/859adad64349b7dfc42bd06f0d956fe72ce41ffb355f9c675430bea36ea4ac06c5b129a1ef95772ae49da2315333988615cacc15d5eb990f5e5dd7350a91adb3","name":"blankNotebook.png","type":"image/png","lastModified":1692034537927.355,"size":118170},{"id":"336ab615b3c2a21a96e661177e8ce234a25b091f2aa10e53be6adccfdcd3c837b0dae66e67be74a5fa754eb421d36fedf202cb9a062051334222ed976e9780f6","href":"https://static.observableusercontent.com/files/336ab615b3c2a21a96e661177e8ce234a25b091f2aa10e53be6adccfdcd3c837b0dae66e67be74a5fa754eb421d36fedf202cb9a062051334222ed976e9780f6","name":"cellMenuSearch.png","type":"image/png","lastModified":1692034537927.355,"size":44639},{"id":"ff5f7c1a15720d8aca75bc5989bc9d36992594bf437292a4a5f96e734d6c000dcdcb63a43d34db26b235329801845a3623b0771fec1600969c1654e0b3bc25a1","href":"https://static.observableusercontent.com/files/ff5f7c1a15720d8aca75bc5989bc9d36992594bf437292a4a5f96e734d6c000dcdcb63a43d34db26b235329801845a3623b0771fec1600969c1654e0b3bc25a1","name":"dataTableCellMenuNextSteps.png","type":"image/png","lastModified":1692034537927.355,"size":124796},{"id":"02ff8ab03e9a1f074eee5d4bcb7727eb99fff65ccf7733d47b237dd162c6b11c3de1c73ea1fdb93a665c0dc09b1fe050c07b3fd21ecd8260c386352e2a4f91bb","href":"https://static.observableusercontent.com/files/02ff8ab03e9a1f074eee5d4bcb7727eb99fff65ccf7733d47b237dd162c6b11c3de1c73ea1fdb93a665c0dc09b1fe050c07b3fd21ecd8260c386352e2a4f91bb","name":"freeFormText.png","type":"image/png","lastModified":1692034537927.355,"size":35857}] 2f:{"title":"Introduction to cells","cells":[{"id":0,"value":"# Introduction to cells","pinned":false,"hidden":false,"mode":"md"},{"id":664,"value":"All of the Observable notebooks you have seen are made of **cells**. ","pinned":false,"hidden":false,"mode":"md"},{"id":651,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":527,"value":"This is a cell, any chart or table or animation that you have seen in Observable is also a cell. (This cell's edit area is *pinned* open.)","pinned":true,"hidden":false,"mode":"md"},{"id":797,"value":"## Add cell menu","pinned":false,"hidden":false,"mode":"md"},{"id":530,"value":"The **Add cell menu** appears as the first thing you see upon opening a blank notebook. It also appears when you click the \"+\" button to the left of the **Add cell bar**. To open see the menu between _unfocused cells_, click either the gray \"+\" button or anywhere between two cells to open the **Add cell menu**.\n","pinned":false,"hidden":false,"mode":"md"},{"id":533,"value":"

\n \n

The Add cell menu upon opening a blank notebook.\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":794,"value":"The **Add cell menu** gives users the ability to:\n- Connect to data\n- Insert Plot snippets\n- Create Inputs\n- Insert D3 (and other code) snippets\n- Create HTML cells\n- Create tables\n- Upload and insert images\n- Import a notebook cell or library\n- Browse sample data sets","pinned":false,"hidden":false,"mode":"md"},{"id":793,"value":"## Add cell bar","pinned":false,"hidden":false,"mode":"md"},{"id":792,"value":"After the initial **Add cell menu** is closed, probably the first thing you will notice in a blank notebook, is the Add cell bar:","pinned":false,"hidden":false,"mode":"md"},{"id":791,"value":"

\n \n

The Add cell bar.

\n","pinned":false,"hidden":false,"mode":"html"},{"id":790,"value":"The **Add cell bar** highlights the most commonly used cell types in the platform:\n- **JavaScript**: A code cell that stores and executes JavaScript\n- **Text**: A markdown cell, for formatting text quickly and easily\n- **Data**: The Data Table cell, capable of visualizing tabular data, offering interactive filters\n- **Chart**: The Chart cell, delivering no-code charts and visual data exploration\n\nThe bar appears below _the currently focused cell_. ","pinned":false,"hidden":false,"mode":"md"},{"id":647,"value":"### Search the Add cell menu\n","pinned":false,"hidden":false,"mode":"md"},{"id":447,"value":"The search bar is always ready to go at the top of the Add cell menu. Press `Return` as soon as you find a match to insert your cell. ","pinned":false,"hidden":false,"mode":"md"},{"id":396,"value":"

\n \n

The Add cell menu search bar.\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":9,"value":"\nAll of the components and code snippets are immediately executable, so you can quickly preview them with some included sample data. Just replace the sample references to see your own data represented.\n","pinned":false,"hidden":false,"mode":"md"},{"id":786,"value":"#### Freeform Text Input","pinned":false,"hidden":false,"mode":"md"},{"id":785,"value":"When you input freeform text into the search box that does not match any known menu items, you are prompted to insert the content typed as a JavaScript cell, or optionally as a Markdown or HTML cell.\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":784,"value":"

\n \n

An unmatched search query.\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":783,"value":"## Cell Suggestions","pinned":false,"hidden":false,"mode":"md"},{"id":782,"value":"Cell suggestions are over to the right side of the space that the Add cell bar occupies.\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":781,"value":"

\n \n

The Create chart button and Convert to SQL button.\n

\n","pinned":false,"hidden":false,"mode":"html"},{"id":780,"value":"Some suggestions create a new cell below in an effort to keep you moving to the next logical step in the analysis process (e.g. the **Create chart** suggestion in the screenshot above). Suggestions that show an arrow indicate that the focused cell will be non-destructively transformed into another cell (e.g. the **Convert to SQL** suggestion in the screenshot above).","pinned":false,"hidden":false,"mode":"md"},{"id":747,"value":"## Equations/Mathematical Formulae","pinned":false,"hidden":false,"mode":"md"},{"id":749,"value":"To enter an equation, type \"form\" into the search input to display the **Mathematical formula**:","pinned":false,"hidden":false,"mode":"md"},{"id":753,"value":"

\n \n

Type \"form\", then choose Mathematical formula.

\n","pinned":false,"hidden":false,"mode":"html"},{"id":572,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":574,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":576,"value":"function keys(keyset) {\n return mac\n ? keyWords(keyset) === keySymbols(keyset)\n ? html`

${keyWords(keyset)}

`\n : html`

${keyWords(keyset)} ${keySymbols(\n keyset\n )}

`\n : html`

${keyWords(keyset)}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":578,"value":"import {mac, keySymbols, keyWords} from \"@observablehq/keys\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}