Run cell ⇧↩︎

2b:null 2c:["$","title",null,{"children":"Getting Started | Adrian kuehn | Observable"}] 31:T9b8,👩‍💻 Cells can contain Markdown for *styled* **text**, JavaScript for code, and more. When editing, change the language with the editor menu (*e.g.*, or ) in the left margin.32:T511,🗃 To load data, click to attach a file (or shift-command-u). You can also [fetch from a URL or query a database](https://observablehq.com/@observablehq/introduction-to-data?collection=@observablehq/working-with-data).33:[{"id":"bc7c1ea172d2e7ecb638dd379cc35232e80e272e668b3e8fee27378d5ab67f6be881ba9608040b699ffc3262cebbddd5defa9dcfbacd917353523c39f4972c67","href":"https://static.observableusercontent.com/files/bc7c1ea172d2e7ecb638dd379cc35232e80e272e668b3e8fee27378d5ab67f6be881ba9608040b699ffc3262cebbddd5defa9dcfbacd917353523c39f4972c67","name":"gistemp.csv","type":"text/csv","lastModified":1651663988168.29,"size":27014}] 2f:{"id":"0e84cc560a476f44","slug":"getting-started","title":"Getting Started","thumbnail":"339600d9c7ba4b7f5b43d26b6a4ca0296c7b645da9b6ce8bd3b409b338ec0a7f","access_level":"public","create_time":"$D2022-05-04T11:33:08.168Z","update_time":"$D2022-05-04T11:33:08.168Z","view_time":null,"first_public_time":"$D2022-05-05T18:27:15.260Z","fork":{"id":"2650817716b4d041","slug":"getting-started","title":"Getting Started","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"7e8cfb46d999cbc9","login":"971bbdcbe82c75e5","name":"Adrian kuehn","avatar_url":"https://avatars-next.observableusercontent.com/7756bc79ffbe4dae45bf49d03ec5221747d7cb4f518a842f90ff09ea0ea1735c","tier":"starter_2024"},"version":272,"publish_version":272,"role":null,"authored":false,"authors":[{"type":"individual","id":"971bbdcbe82c75e5","login":"971bbdcbe82c75e5","name":"Adrian kuehn","avatar_url":"https://avatars-next.observableusercontent.com/7756bc79ffbe4dae45bf49d03ec5221747d7cb4f518a842f90ff09ea0ea1735c","tier":null}],"members":[{"type":"individual","id":"971bbdcbe82c75e5","login":"971bbdcbe82c75e5","name":"Adrian kuehn","avatar_url":"https://avatars-next.observableusercontent.com/7756bc79ffbe4dae45bf49d03ec5221747d7cb4f518a842f90ff09ea0ea1735c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Getting Started","cells":[{"id":0,"value":"# Getting Started\n## 👋 Welcome to Observable, Adrian kuehn!\n\nHere are the basics.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":9,"value":"👈 Click the left margin to open an editor and start typing. (Or hit option-tab.)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":107,"value":"🤔 A cell is a block of content. When editing a cell, the blue text box contains the cell’s source. The output (or value) of the cell is shown above.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":27,"value":"$31","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":32,"value":"▶️ After editing, see your changes by clicking (or hit shift-enter) to refresh the cell’s output. Your code will also run automatically if you close the cell.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":14,"value":"➕ To create a new cell, click between cells in the left margin. (Or, when editing a cell, hit command-enter.)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":178,"value":"🚚 You can reorder cells around by dragging in the left margin or, when editing a cell, by clicking or in the toolbar.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":46,"value":"$32","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":133,"value":"gistemp = FileAttachment(\"gistemp.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":165,"value":"For a quick overview of the data, create a JavaScript cell and use [Inputs.table](https://observablehq.com/@observablehq/input-table?collection=@observablehq/inputs).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":163,"value":"Inputs.table(gistemp)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":94,"value":"📊 To visualize data, create a JavaScript cell and then use [Plot](/@observablehq/plot), [Vega-Lite](/@observablehq/vega-lite), [D3](/@d3/gallery), or your preferred library. If your cell returns DOM, such as SVG, it will be displayed.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":135,"value":"Plot.plot({\n marks: [\n Plot.dot(gistemp, {x: \"Date\", y: \"Anomaly\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":100,"value":"🎚 To add interaction, create a JavaScript cell and declare an [input](https://observablehq.com/@observablehq/inputs?collection=@observablehq/inputs) with `viewof`. (You can browse inputs in the snippets pane in the right margin.)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":147,"value":"viewof scheme = Inputs.select([\"rdbu\", \"piyg\", \"rdgy\"], {label: \"Color scheme\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":149,"value":"Plot.plot({\n color: {\n type: \"diverging\",\n scheme: scheme,\n reverse: true\n },\n marks: [\n Plot.dot(gistemp, {x: \"Date\", y: \"Anomaly\", stroke: \"Anomaly\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":157,"value":"🧙‍♀️ Thanks to dataflow, cells re-run automatically when their inputs change (or when you edit them)!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":232,"value":"See it in action:\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":192,"value":"🤔 Want to learn more? Open the help pane in the right margin, where you’ll find our quick guides and links to more resources.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"