2b:null 2c:["$","title",null,{"children":"5. Get students started | Class Demo | Observable"}] 31:T416,greenNotice(htl.html`

Quick Guides

Hands-on tasks that can be forked to a personal workspace upon completion.

Learn how to write and run Javascript on Observable

Write a tip calculator to dive deeper into JavaScript

Explore a dataset using functional programming

Follow clues in a database to solve a murder mystery

Create interactive charts from simple tabular data

Visualize time series data with smoothed line charts

First chart with no code

Adapt a chart snippet for your data

`)32:[{"id":"306c93b6bdb095e0a53ad4166977f7c84b5cc3b11f070caf99a97da48325f57a8c52189664c1ceb06458f2ab60e715a7175f0c1b12826d3643c6d7e96603c958","href":"https://static.observableusercontent.com/files/306c93b6bdb095e0a53ad4166977f7c84b5cc3b11f070caf99a97da48325f57a8c52189664c1ceb06458f2ab60e715a7175f0c1b12826d3643c6d7e96603c958","name":"collab@1.mov","type":"video/quicktime","lastModified":1682525554389.475,"size":5774538},{"id":"a052dca96a4691cb44670d5622f10829f94e973fadc3a4ec7725b16e9c6574c5ccb4186e405e402e55f509cb0676e340e91c9f02096f72e3f284c23887107ea7","href":"https://static.observableusercontent.com/files/a052dca96a4691cb44670d5622f10829f94e973fadc3a4ec7725b16e9c6574c5ccb4186e405e402e55f509cb0676e340e91c9f02096f72e3f284c23887107ea7","name":"cellMenuExample.mov","type":"video/quicktime","lastModified":1682525554389.475,"size":2534645}] 2f:{"id":"6b57a27d8ac8961f","slug":"get-students-started","title":"5. Get students started","thumbnail":"1deb8b8f324da29685c70c78959b3cd9cb8456664f167f86e58716eed17eeee3","access_level":"public","create_time":"$D2023-04-26T16:12:34.389Z","update_time":"$D2023-10-05T21:06:55.385Z","view_time":null,"first_public_time":"$D2023-06-08T17:02:24.783Z","fork":{"id":"3a0eb45be2b1d5e9","slug":"get-students-started","title":"Get Students Started","owner":{"id":"cf10e2a644a10fdb","login":"educators-network","name":"Educators Network"}},"stars":1,"starred":false,"owner":{"type":"team","id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo","avatar_url":"https://avatars-next.observableusercontent.com/241b82f365f88c3ebf99eb1266af41757bfe454b481ea55b5927dc38e849a2e7","tier":"enterprise_2024"},"version":835,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"d7cb58614d5b0e39","login":"demo-teach1","name":"Professor Holly","avatar_url":"https://avatars-next.observableusercontent.com/6eb8ad6c276e682a367b3c113d93f07692a7f77a724e98a9dd49cd0c9f01b359","tier":null},{"type":"individual","id":"c8d250911ad98d25","login":"demo-ta1","name":"TA Kryten","avatar_url":"https://avatars-next.observableusercontent.com/0f242707099e55d6f47ec40b4e5450a18f51e7cd27672597e1b9715ee01bb38c","tier":null}],"members":[{"type":"team","id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo","avatar_url":"https://avatars-next.observableusercontent.com/241b82f365f88c3ebf99eb1266af41757bfe454b481ea55b5927dc38e849a2e7","tier":"enterprise_2024","role":"editor"}],"comments":[{"id":"17c9c32e81d4d9bd","reply_to_id":null,"content":"I plan to move this to using notebooks in the classroom","create_time":"$D2023-06-21T21:35:14.856Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"603d43467cfba54c","login":"courtney","name":"Courtney Francis","avatar_url":"https://avatars-next.observableusercontent.com/1c9a982afcaaaf60cb56b5b7042450eafa77b8758139587f412bfcccac7a50f2","tier":null}}],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"39c2382083aa2089","slug":"edu-start","title":"Start here!","owner":{"id":"a49e93d839518fea","login":"edu-demo","name":"Class Demo"}},"type":"notebook","body":{"title":"5. Get students started","cells":[{"id":617,"value":"# 5. Get students started","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":548,"value":"The following resources have been curated to provide foundational knowledge about Observable, positioning students to begin working quickly.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":555,"value":"## Intro to Observable\nThe [Learning Observable collection](https://observablehq.com/collection/@observablehq/intro-to-observable) provides high-level introductions to core methods and tools students need to start working with data in Observable.\n\nWe host [free workshops](https://lu.ma/observablehq) and our [YouTube channel](https://www.youtube.com/@Observablehq/playlists) hosts videos covering everything from D3 to data science workflows in Javascript.\n\n[Hands On Tutorials](https://observablehq.com/@observablehq/hands-on-tutorials-overview?collection=@observablehq/tutorial) include Observable and JavaScript essentials, basic data wrangling and analysis, and Observable Plot.\n\nThe [Working with Data collection](https://observablehq.com/collection/@observablehq/working-with-data) helps you bring SQL databases, spreadsheets, live APIs, or files of any kind into Observable for faster analysis.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":728,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":534,"value":"
\n## Plot and Plot Geo\n_Our signature chart and map building tools._\n\nThe [Observable Plot](https://observablehq.com/@observablehq/plot) library lets you quickly build and customize data visualizations. Code snippets for common chart types are provided in the [cell menu](https://observablehq.com/@observablehq/adding-cells?collection=@observablehq/notebook-fundamentals) as a starting point. \n* [Plot Cheatsheets](/@observablehq/plot-cheatsheets)\n* [Plot Shorthand](/@observablehq/plot-shorthand)\n* [Exploration: Penguins](/@observablehq/plot-exploration-penguins)\n* [Exploration: Weather](/@observablehq/plot-exploration-weather)\n* [Plot Geo](https://observablehq.com/@observablehq/plot-mapping)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":789,"value":"blueNotice(htl.html`\n

Chart Cell

\nWith menus for variable selection, aggregation, faceting, color mapping, and more, Chart cell uses Observable Plot to create data visualizations quickly and easily. \n

\nConvert your chart into JavaScript with Plot.auto, making it easy to build a baseline data viz and then customize it.`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":690,"value":"

\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":698,"value":"import {blueNotice} from \"@edu-demo/observable-edu\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":802,"value":"import {greenNotice} from \"@edu-demo/observable-edu\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":681,"value":"import {yellowNotice} from \"@edu-demo/observable-edu\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":807,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"