2a:null 2b:["$","title",null,{"children":"Five Minute Introduction Tutorial | Pranav Rajan | Observable"}] 31:[] 2e:{"id":"ef5a38eff6b1ff4b","slug":"five-minute-introduction-tutorial","title":"Five Minute Introduction Tutorial","thumbnail":"719dc3e8013e7c5c5ba3186ddc47f9d679661682428ad03c368e1495175642e4","access_level":"public","create_time":"$D2020-06-01T04:57:24.270Z","update_time":"$D2020-06-01T06:00:29.183Z","view_time":null,"first_public_time":"$D2020-06-03T23:21:22.463Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"41f2f9b64d12ef8a","login":"mozartfish","name":"Pranav Rajan","avatar_url":"https://avatars-next.observableusercontent.com/d1383db4f25321aa96e2ffb725ae43d832f4cc62ce03036e45ee7bcb1ed7b646","tier":"starter_2024"},"version":53,"publish_version":53,"role":null,"authored":false,"authors":[{"type":"individual","id":"69ad1189924c09c4","login":"mozartfish","name":"Pranav Rajan","avatar_url":"https://avatars-next.observableusercontent.com/d1383db4f25321aa96e2ffb725ae43d832f4cc62ce03036e45ee7bcb1ed7b646","tier":null}],"members":[{"type":"individual","id":"69ad1189924c09c4","login":"mozartfish","name":"Pranav Rajan","avatar_url":"https://avatars-next.observableusercontent.com/d1383db4f25321aa96e2ffb725ae43d832f4cc62ce03036e45ee7bcb1ed7b646","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Five Minute Introduction Tutorial","cells":[{"id":0,"value":"md`# Five Minute Introduction Tutorial`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"2 * 3 * 7","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"{\n let sum = 0;\n for (let i = 0; i <= 100; ++i) {\n sum += i;\n }\n return sum;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"color = \"orange\";","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"`My favorite color is ${color}.`","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"html`\n My favorite language is HTML\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"md`My favorite language is *Markdown*`","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"html`My favorite color is ${color}.`","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"status = new Promise(resolve => {\nsetTimeout(() => {\n resolve({resolved: new Date});\n}, 2000);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"d3 = require(\"d3-fetch@1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"countries = (await d3.tsv(\"https://cdn.jsdelivr.net/npm/world-atlas@1/world/110m.tsv\"))\n .sort((a, b) => b.pop_est - a.pop_est) // Sort by descending estimated population.\n .slice(0, 10) // Take the top ten.","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"i = {\n let i = 0;\n while (true) {\n yield ++i;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"`The current value of i is ${i}.`","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"date = {\n while (true) {\n yield new Promise(resolve => {\n setTimeout(() => resolve(new Date), 1000);\n });\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"slider = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"sliderValue = Generators.input(slider)","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"import {viewof selection as cars} from \"@d3/brushable-scatterplot\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"viewof cars","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"cars","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"md`${Array.from(new Set(cars.map(c => c.name)))\n .sort()\n .map(c => `* ${c}`)\n .join(\"\\n\")}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2f:"$2e:body"