3e:null 3f:["$","title",null,{"children":"Hands-on tutorials | Observable | Observable"}] 45:Tf4a,tutorialsData = [ { category: "Observable and JavaScript essentials", title: "Learn just enough JavaScript", link: "https://observablehq.com/@observablehq/learn-javascript-introduction?collection=@observablehq/learning-javascript-for-data-scientists", description: "Essential JavaScript skills and concepts to get you ready to work in Observable" }, { category: "Observable and JavaScript essentials", title: "Observable Quick Guides", link: "https://observablehq.com/@observablehq/observable-quick-guides", description: "A series of six interactive guides to get you started working with data in Observable, JavaScript, SQL, Observable Plot and more" }, {category: "Get started with Observable Plot", title: "Build your first scatterplot with Observable Plot", link: "https://observablehq.com/@observablehq/build-your-first-custom-scatterplot?collection=@observablehq/tutorial", description: "Learn the basics of building charts in Observable Plot by making a custom scatterplot."}, {category: "Get started with Observable Plot", title: "Get started with the Chart cell", link: "https://observablehq.com/@observablehq/get-started-with-chart-cell?collection=@observablehq/tutorial", description: "This tutorial uses hands-on examples to help you get started with the Chart cell - a no-code way to quickly create and customize data visualizations with Observable Plot, with the option to eject to JavaScript for further customization."}, {category: "Get started with Observable Plot", title: "Build your first map with Observable Plot", link: "https://observablehq.com/@observablehq/build-your-first-map-with-observable-plot?collection=@observablehq/tutorial", description: "Get your first taste of mapmaking with Observable Plot by creating a bubble map of power plants in the United States"}, {category: "Get started with Observable Plot", title: "Build your first choropleth map with Observable Plot", link: "https://observablehq.com/@observablehq/build-your-first-choropleth-map-with-observable-plot?collection=@observablehq/tutorial", description: "Learn how to create a choropleth map to reveal home broadband access by county in the United States - then make it interactive!"}, {category: "Get started with Observable Plot", title: "Observable Plot from ggplot2", link: "https://observablehq.com/@observablehq/plot-from-ggplot2", description: "Learn how your grammar of graphics knowledge helps you quickly transfer from ggplot2 to Observable Plot using examples you can follow along with"}, {category: "Basic data wrangling and analysis", title: "Analyzing revenue in an online store", link: "https://observablehq.com/@observablehq/analyzing-revenue-by-category-for-an-online-store", description: "Learn how to use SQL and Plot together to quickly make an interactive report on revenue for an online store"}, {category: "Basic data wrangling and analysis", title: "Which items are purchased together?", link: "https://observablehq.com/@observablehq/which-items-are-purchased-together?collection=@observablehq/tutorial", description: "Build and advanced report from scratch by putting together smaller components"}, {category: "Basic data wrangling and analysis", title: "Data wrangling with Arquero: a primer for R users", link: "https://observablehq.com/@observablehq/data-wrangling-with-arquero-from-r?collection=@observablehq/tutorial", description: "A gentle walk through of some data wrangling essentials using the Arquero library in JavaScript"}, {category: "Basic data wrangling and analysis", title: "Observable for Excel users", link: "https://observablehq.com/collection/@observablehq/observable-for-excel-users", description: "A collection of notebooks that introduce accessing, cleaning, and working with data in Observable, created specifically with Excel users in mind"}]46:[{"id":"6fa499780c37bb63ec23609f73214e10e8f8631ffb220340ad71fc7736883b0f9e4cba900e99810a2af4d44853dd227113db9867e1c950ec2914af93c9ab9efb","href":"https://static.observableusercontent.com/files/6fa499780c37bb63ec23609f73214e10e8f8631ffb220340ad71fc7736883b0f9e4cba900e99810a2af4d44853dd227113db9867e1c950ec2914af93c9ab9efb","name":"tutorials.png","type":"image/png","lastModified":1686017275251.167,"size":585379},{"id":"3605260394627cda4884e7491e1eaade0d561225053351a4747356135e70a7f42eaea9cbde6ed6b4e0e0c655dea01aff3ef0806de7efb4582ac06fbd4900ae51","href":"https://static.observableusercontent.com/files/3605260394627cda4884e7491e1eaade0d561225053351a4747356135e70a7f42eaea9cbde6ed6b4e0e0c655dea01aff3ef0806de7efb4582ac06fbd4900ae51","name":"new-users-course-header-toc.png","type":"image/png","lastModified":1694466450586.952,"size":736369},{"id":"9b66d5fb3b1549704f23bf817a69e480b361edc8908b10d5945f042c70836e04128cab0acb576d24572b1986252baed6fd3464da2db43aad93f7ddec91bca7db","href":"https://static.observableusercontent.com/files/9b66d5fb3b1549704f23bf817a69e480b361edc8908b10d5945f042c70836e04128cab0acb576d24572b1986252baed6fd3464da2db43aad93f7ddec91bca7db","name":"new-users-course-sm-toc.png","type":"image/png","lastModified":1694466471042.775,"size":263489}] 43:{"id":"21c6708306225f75","slug":"hands-on-tutorials-overview","title":"Hands-on tutorials","thumbnail":"c903573326e261f71587f6d7f297806534ed85abcfbd86f5b74f49719680a455","access_level":"public","create_time":"$D2022-08-16T19:52:54.777Z","update_time":"$D2023-09-11T21:08:09.518Z","view_time":null,"first_public_time":"$D2022-08-29T21:15:07.631Z","has_unpublished_edits":null,"fork":false,"stars":23,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","bio":"The end-to-end solution for building and hosting better data apps, dashboards, and reports."},"version":127,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"42520cea6c99d3c8","login":"pstuffa","name":"Paul Buffa","avatar_url":"https://avatars-next.observableusercontent.com/32c09bb97a2bb742225b949dcc4cf81a03dcd2b0caae97325970223a48a14b94","tier":null,"bio":""},{"type":"individual","id":"b71e24965feea6d8","login":"allisonhorst","name":"Allison Horst","avatar_url":"https://avatars-next.observableusercontent.com/323c217177f0f20e4e8ed3aa302fec1408cf22b57cbd726e37e76182d5f82a65","tier":null,"bio":"Stats | Art | Data Science | SciComm | Teaching"},{"type":"individual","id":"ce771552211c04ab","login":"rkosara","name":"Robert Kosara","avatar_url":"https://avatars-next.observableusercontent.com/105903f7d3ac285a1489b547eecce8f57bd15052862a307c4c2242f847d44a67","tier":null,"bio":""},{"type":"individual","id":"4d7c5e2dc86f2127","login":"jpe442","name":"Josh Earlenbaugh","avatar_url":"https://avatars-next.observableusercontent.com/d28e4e0454f8d773fabbc7e9a8038fcd30f52e4fbe9f9060d4e7222f36f16bf8","tier":null,"bio":""}],"members":[{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"editor"}],"comments":[{"id":"b4b09e2054690733","reply_to_id":null,"content":"ноеноенон","create_time":"$D2022-11-24T05:50:46.567Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"7a79947c5a0de790","login":"sayanson","name":"Ильмир Султанов","avatar_url":"https://avatars-next.observableusercontent.com/ea84b7f9c6c9f4dec881226b1b1ebc9db24201746b0d14eaca6d5af6eda7b78f","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":20,"collection":{"id":"6adb628b7843507c","slug":"tutorial","title":"Hands-on Tutorials","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"titling":"auto","title":"Hands-on tutorials","cells":[{"id":0,"value":"# Hands-on tutorials\n\n

\n\nFollowing along with our hands-on tutorials to learn how to connect data, practice essentials for wrangling and analysis, and create visualizations.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"$${drawDocsTable(tutorialsData)}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":121,"value":"
","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":118,"value":"newUsersCourseSmToc = FileAttachment(\"new-users-course-sm-toc.png\").image({width: 200})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":116,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"drawDocsTable = (docs) => {\n\n const groupedResults = d3.flatGroup(docs, d => d.category);\n\n let returnMD = ``;\n\n groupedResults.forEach(thisGroup => {\n returnMD += `|

${thisGroup[0]}

| |\n | :-- | :-- | \n `\n\n thisGroup[1].forEach(doc => {\n returnMD += `|

${doc.title}

`\n returnMD += `| ${doc.description} |\n `\n })\n \n returnMD += `\n`\n })\n \n \n \n return returnMD\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"