Run cell ⇧↩︎

2b:null 2c:["$","title",null,{"children":"Getting Started | Observable | 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":1638306773806.694,"size":27014}] 2f:{"id":"2650817716b4d041","slug":"getting-started","title":"Getting Started","thumbnail":"339600d9c7ba4b7f5b43d26b6a4ca0296c7b645da9b6ce8bd3b409b338ec0a7f","access_level":"public","create_time":"$D2021-11-30T20:49:13.327Z","update_time":"$D2023-04-03T16:05:34.803Z","view_time":null,"first_public_time":"$D2022-04-18T15:54:43.104Z","fork":false,"stars":24,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024"},"version":283,"publish_version":null,"role":null,"authored":false,"authors":[],"members":[{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"},{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"viewer"}],"comments":[{"id":"96a8ef00404b9791","reply_to_id":null,"content":"this is my comment","create_time":"$D2022-07-19T12:24:02.584Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"724c4011ef325ff8","login":"glibkostsov","name":"","avatar_url":"https://avatars-next.observableusercontent.com/e67ad8825af345c1ae7b27db60faf8cd0ba939abf2c4d22ff804fe202800e07c","tier":null}},{"id":"cd86eae7e4b61dfb","reply_to_id":null,"content":"ccc","create_time":"$D2022-07-20T17:52:21.439Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"8f83abe421a84da7","login":"mezzabottagio","name":"Giorgia Mezzabotta","avatar_url":"https://avatars-next.observableusercontent.com/941bbd0dcde00a51a5d48103fac2641bddcdb6e29b6f1151e3783f329ec30dfe","tier":null}},{"id":"ee70f5c4ba2e31a3","reply_to_id":"96a8ef00404b9791","content":"Great","create_time":"$D2022-07-24T06:44:08.994Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"17b6a130e3ea8181","login":"scarlettlee","name":"Scarlett Lee","avatar_url":"https://avatars-next.observableusercontent.com/1024cc6c431159d3c1d9a5a913545c7828804ba5fc8ee6b0e4a72b811ce20983","tier":null}},{"id":"b9d566051c2e4e4e","reply_to_id":"96a8ef00404b9791","content":"👋","create_time":"$D2022-08-24T19:23:47.791Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"dbf69c13a14d2f62","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":null}},{"id":"3de461b7cd0e4c7c","reply_to_id":"96a8ef00404b9791","content":"A comment","create_time":"$D2023-02-17T01:37:26.620Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"7899c8ad38b7bc6f","login":"mark-rasa","name":"Mark Muday","avatar_url":"https://avatars-next.observableusercontent.com/edd5c6a76c878c938504287bba20f17d88b56ca3c7a37b85b574b89f4828d2c1","tier":null}},{"id":"fc83512ef4a79fc0","reply_to_id":"96a8ef00404b9791","content":"My comment.","create_time":"$D2025-05-25T16:41:08.154Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"6d3a47e9bc46d422","login":"sanjaybhatnagar","name":"Sanjay Bhatnagar","avatar_url":"https://avatars-next.observableusercontent.com/cc9529eee35a32907ae15da04ab82c24f7a06c1695bbb2711255f4cb87d6491b","tier":null}}],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":24935,"collection":null,"type":"notebook","body":{"title":"Getting Started","cells":[{"id":0,"value":"# Getting Started\n## 👋 Welcome to Observable!\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 when you click in the left margin and start typing \"inputs\".)","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"