Run cell ⇧↩︎

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":1638306773806.694,"size":27014}] 2f:{"title":"Getting Started","cells":[{"id":0,"value":"# Getting Started\n## 👋 Welcome to Observable!\n\nHere are the basics.","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"👈 Click the left margin to open an editor and start typing. (Or hit option-tab.)","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":27,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"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"},{"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"},{"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"},{"id":46,"value":"$32","pinned":false,"hidden":false,"mode":"md"},{"id":133,"value":"gistemp = FileAttachment(\"gistemp.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":163,"value":"Inputs.table(gistemp)","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":135,"value":"Plot.plot({\n marks: [\n Plot.dot(gistemp, {x: \"Date\", y: \"Anomaly\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"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 when you click in the left margin and start typing \"inputs\".)","pinned":false,"hidden":false,"mode":"md"},{"id":147,"value":"viewof scheme = Inputs.select([\"rdbu\", \"piyg\", \"rdgy\"], {label: \"Color scheme\"})","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":232,"value":"See it in action:\n\n","pinned":false,"hidden":false,"mode":"md"},{"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"}],"files":"$W33","stdlib":"1","titling":"auto"}