3e:null 3f:["$","title",null,{"children":"A Tour of Observable (Presentation) | shadet | Observable"}] 45:T731,{ if (!loadAudio) return html`To load accompanying audio narration, tick above`; const audio = async attachment => sample({ speedAdjust: false, audioContext: audioContext, arrayBuffer: await attachment.arrayBuffer() }); return html`${md`## Narration If you want to play the narration I would suggest opening two windows. `}

Intro

${await audio(FileAttachment("1.m4a"))}

Its cool

${await audio(FileAttachment("2.m4a"))}

Who built it

${await audio(FileAttachment("3.m4a"))}

bicycle for mind

${await audio(FileAttachment("4.m4a"))}

Notebooks

${await audio(FileAttachment("5.m4a"))} ${await audio(FileAttachment("5b.m4a"))}

literate programming

${await audio(FileAttachment("6.m4a"))}

Ricky Reussur Intro

${await audio(FileAttachment("7.m4a"))}

Notebook deepdive

${await audio(FileAttachment("8a.m4a"))} ${await audio(FileAttachment("8b.m4a"))} ${await audio(FileAttachment("8c.m4a"))} ${await audio(FileAttachment("8d.m4a"))} ${await audio(FileAttachment("8e.m4a"))}

USP - local dev

${await audio(FileAttachment("9a.m4a"))}

USP - reactive

${await audio(FileAttachment("9b.m4a"))}

USP - non prorietary

${await audio(FileAttachment("10.m4a"))}

USP - community

${await audio(FileAttachment("11.m4a"))}

USP - mission driven

${await audio(FileAttachment("12.m4a"))}

USP - famous viz

${await audio(FileAttachment("13.m4a"))}

mission

${await audio(FileAttachment("14.m4a"))}

And also it can....

${await audio(FileAttachment("15a.m4a"))} ${await audio(FileAttachment("15b.m4a"))}

What I learned

${await audio(FileAttachment("16a.m4a"))} ${await audio(FileAttachment("16b.m4a"))} ${await audio(FileAttachment("16c.m4a"))} ${await audio(FileAttachment("16d.m4a"))} `; }46:T5fa,{ document.current = 4; // Initial cell function fullscreen() { var changeHandler = function() { var fs = (document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen); if (fs) { [...document.cells].forEach(e => { e.style.height = ''; }); } else { [...document.cells].forEach(e => { e.style.height = window.screen.height + 'px'; }); var elmnt = document.cells[document.current]; elmnt.scrollIntoView(); } }; document.addEventListener('fullscreenchange', changeHandler, false); document.addEventListener('webkitfullscreenchange', changeHandler, false); document.addEventListener('mozfullscreenchange', changeHandler, false); if ( (document.fullScreenElement && document.fullScreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen) ) { if (document.documentElement.requestFullScreen) { document.documentElement.requestFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT ); } } } const ui = html``; ui.addEventListener('click', fullscreen); return ui; }47:T4ad,slide.html`

Non-proprietary representation

Purpose	Example
private URL	https://observablehq.com/d/18c81b2adae8b6f2
public URL	https://observablehq.com/@tomlarkworthy/observable-presentation
(cell) embed	https://observablehq.com/embed/@tomlarkworthy/observable-tour?cells=titleslide
ES6 module	https://api.observablehq.com/d/18c81b2adae8b6f2.tgz?v=3 🤯

`48:T46b,keypresscontrol = { document.cells = document.getElementsByClassName("observablehq"); document.stopnumber = document.cells.length - 5; //keymap document.onkeyup = function(e) { console.log(e); if (e.which === 83) { console.log('re -s- tart'); document.current = 2; var elmnt = document.cells[document.current]; elmnt.scrollIntoView(); } if ((e.which === 32) | (e.which === 39) | (e.which === 40)) { console.log('space'); document.current += 1; if (document.current < document.stopnumber) { var elmnt = document.cells[document.current]; if (elmnt.innerHTML != '

') { elmnt.scrollIntoView(); } else { document.stopnumber = document.current; } } else { document.current = document.stopnumber; } } if ((e.which === 38) | (e.which === 37)) { console.log('back'); document.current -= 1; if (document.current < 2) { document.current = 2; } var elmnt = document.cells[document.current]; elmnt.scrollIntoView(); } }; }49:T89d,slide = { function slide() { const container = document.createElement("div"); container.className = "slide"; container.appendChild(md.apply(this, arguments)); return container; } function end() { const container = document.createElement("div"); container.className = "end"; return container; } slide.end = end; function iframe(strings) { const container = document.createElement("div"); container.innerHTML="" container.className = "slide"; return container; } slide.iframe=iframe; function html(strings) { const container = document.createElement("div"); container.innerHTML = strings; container.className = "slide slide--html"; return container; } slide.html = html; function htmldark(strings) { const container = document.createElement("div"); container.innerHTML = strings; container.className = "slide slide--html dark"; return container; } slide.htmldark = htmldark; function code(strings) { const container = document.createElement("div"); const pre = container.appendChild(document.createElement("pre")); const code = pre.appendChild(document.createElement("code")); let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; code.textContent = string.trim(); container.className = "slide slide--code"; return container; } slide.code = code; slide.js = function() { const container = code.apply(this, arguments); const content = container.firstChild.firstChild; content.className = "js hljs javascript"; hl.highlightBlock(content); return container; }; slide.img = function(strings) { const img = new Image; let string = strings[0] + "", i = 0, n = arguments.length; while (++i < n) string += arguments[i] + "" + strings[i]; img.src = string.trim(); img.className = "slide slide--img"; return img; }; return slide; }4a:T467,slide_style = html``4b:[{"id":"5497e6c0bb2a9cfb98193d530182d6e1507758de034f3b78ce95704a4b5740e83f319dec550caa97f592f908df90e544e46264746d717189036553308a7bf1b4","href":"https://static.observableusercontent.com/files/5497e6c0bb2a9cfb98193d530182d6e1507758de034f3b78ce95704a4b5740e83f319dec550caa97f592f908df90e544e46264746d717189036553308a7bf1b4","name":"image.png","type":"image/png","lastModified":1680529490121.322,"size":1636295},{"id":"200cc34aeb49ba6d7f137a937879325ba9ff19fcdac11c074b744c5c9b749ce1ef8bd8a1dfb4d58576b58d121adaf7edc8ebc9efa869dc721105f573aaaf0206","href":"https://static.observableusercontent.com/files/200cc34aeb49ba6d7f137a937879325ba9ff19fcdac11c074b744c5c9b749ce1ef8bd8a1dfb4d58576b58d121adaf7edc8ebc9efa869dc721105f573aaaf0206","name":"image@1.png","type":"image/png","lastModified":1680529490121.322,"size":911977},{"id":"a1aa43695250be25dec5002787cbbf8c404895a77afed54529666e4147a82995ddb7fc36581f2412491ead630e11cef06565c0c05ddac48c939c7f4743805b33","href":"https://static.observableusercontent.com/files/a1aa43695250be25dec5002787cbbf8c404895a77afed54529666e4147a82995ddb7fc36581f2412491ead630e11cef06565c0c05ddac48c939c7f4743805b33","name":"image@2.png","type":"image/png","lastModified":1680529490121.322,"size":54974},{"id":"b2149457310bbce1d0b4185b76623e7b0f478573cd99b2a7230e9b0d93fe6137cf8073be4038ded05454794e714609c3722a824c45f0b64ea4541087fc338fb5","href":"https://static.observableusercontent.com/files/b2149457310bbce1d0b4185b76623e7b0f478573cd99b2a7230e9b0d93fe6137cf8073be4038ded05454794e714609c3722a824c45f0b64ea4541087fc338fb5","name":"3.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2114216},{"id":"9714589d2bfee353c5c7d51c5b74ad08f617eec54303864f6f22571cd1740c9286994d6a6f36fb560ac453daef4411f66b7cc4d661440d1d9b6e1d9d4be19fbf","href":"https://static.observableusercontent.com/files/9714589d2bfee353c5c7d51c5b74ad08f617eec54303864f6f22571cd1740c9286994d6a6f36fb560ac453daef4411f66b7cc4d661440d1d9b6e1d9d4be19fbf","name":"11.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2000777},{"id":"69896a2f3423fbc36a0ef4c0424f2904688cd59313899f6c3b537c0e53edce663e44cc6dec7e09e9ef97b68d9fd8f56a36bcbb07198aa57d21a4773c34bd5c35","href":"https://static.observableusercontent.com/files/69896a2f3423fbc36a0ef4c0424f2904688cd59313899f6c3b537c0e53edce663e44cc6dec7e09e9ef97b68d9fd8f56a36bcbb07198aa57d21a4773c34bd5c35","name":"8e.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1274592},{"id":"f425c8b8a9d28cbe09ec4f3b07a4a630062ffa5a2bd89ab7a7e8f1036ad1b7e16709b98f42295a6cb4bb777d607a6ce9d205f50b424bab18f319c5400ded5b68","href":"https://static.observableusercontent.com/files/f425c8b8a9d28cbe09ec4f3b07a4a630062ffa5a2bd89ab7a7e8f1036ad1b7e16709b98f42295a6cb4bb777d607a6ce9d205f50b424bab18f319c5400ded5b68","name":"8b.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":478629},{"id":"e0612a8cf42ff2923bd8b7d85936370e4d6c69ced9cb316cab45c995c74f7e6b5aec8fbdbaf6872ec8aab1b8f47f1cf4083d976c2ebc79527849cfa10dce2947","href":"https://static.observableusercontent.com/files/e0612a8cf42ff2923bd8b7d85936370e4d6c69ced9cb316cab45c995c74f7e6b5aec8fbdbaf6872ec8aab1b8f47f1cf4083d976c2ebc79527849cfa10dce2947","name":"14.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":376661},{"id":"1648a03b03c649705695b06f59d4fe3d2485f57b35cc40c9827180d6e68049ffd8f371bbf6c6ffb537cff953f961cec076cda41d058854d0703d8ee747325976","href":"https://static.observableusercontent.com/files/1648a03b03c649705695b06f59d4fe3d2485f57b35cc40c9827180d6e68049ffd8f371bbf6c6ffb537cff953f961cec076cda41d058854d0703d8ee747325976","name":"5b.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":321692},{"id":"27bd3186f1602c10515299f806747f328d0064b966eb82d63fdba6db646272bb97ad8732d6adc804be3d237c74e6fc3141d40d262832e45a357ae1237609d4a6","href":"https://static.observableusercontent.com/files/27bd3186f1602c10515299f806747f328d0064b966eb82d63fdba6db646272bb97ad8732d6adc804be3d237c74e6fc3141d40d262832e45a357ae1237609d4a6","name":"1.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":688099},{"id":"54c6e9f0fb40538fd39d33d5b64b8d1e807642ea6c2ee5bef060d1d6e2d20e3fd50fc45ce713822aad36f972186a8775bd43f037c1c89b9fb1b3eddc76931f91","href":"https://static.observableusercontent.com/files/54c6e9f0fb40538fd39d33d5b64b8d1e807642ea6c2ee5bef060d1d6e2d20e3fd50fc45ce713822aad36f972186a8775bd43f037c1c89b9fb1b3eddc76931f91","name":"16c.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2031134},{"id":"0e7ed570e1406c00f0347751ee3c5bf8cee545fa0ee88cce99a5345b14b6cace7aa6ab0107e1db2e8a4577eab2e1d8874e281a571cb8c9d28dd636d6a2685ab8","href":"https://static.observableusercontent.com/files/0e7ed570e1406c00f0347751ee3c5bf8cee545fa0ee88cce99a5345b14b6cace7aa6ab0107e1db2e8a4577eab2e1d8874e281a571cb8c9d28dd636d6a2685ab8","name":"2.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1598655},{"id":"4a926df366e78a12d21ebb582f0f0e6212e7b0010f1917e52fa2e99bbd99d246142208c6a89abe70e108cf26b4cf900e353f0bbb2ffdb727a9af167eb890148e","href":"https://static.observableusercontent.com/files/4a926df366e78a12d21ebb582f0f0e6212e7b0010f1917e52fa2e99bbd99d246142208c6a89abe70e108cf26b4cf900e353f0bbb2ffdb727a9af167eb890148e","name":"12.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1295506},{"id":"41c431c2d19ef85a9b6716dbf48faf4e24c808900a7c83a78d460dacd6a01f390ff101d3a6869f7799808fcdfe1be30eeccedae475e85ab4e2fdebcc3bffa612","href":"https://static.observableusercontent.com/files/41c431c2d19ef85a9b6716dbf48faf4e24c808900a7c83a78d460dacd6a01f390ff101d3a6869f7799808fcdfe1be30eeccedae475e85ab4e2fdebcc3bffa612","name":"16b.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1212254},{"id":"ecea018da8b52adee328f009d20364ca5a49f455a3a756777bd928ea39e647938fa205c3a005a15e776f1e2837b1eae0a4c801b550055c0281cce939c37d2b65","href":"https://static.observableusercontent.com/files/ecea018da8b52adee328f009d20364ca5a49f455a3a756777bd928ea39e647938fa205c3a005a15e776f1e2837b1eae0a4c801b550055c0281cce939c37d2b65","name":"6.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1290517},{"id":"f9b14dac0980ac1207107efb69b3443f477ff94cf92c7fa8a5156d044ae8b518d5161f66e1f93965c7c39f3e1cd018e7f9d2d818e093aeff45da9df4a3d01476","href":"https://static.observableusercontent.com/files/f9b14dac0980ac1207107efb69b3443f477ff94cf92c7fa8a5156d044ae8b518d5161f66e1f93965c7c39f3e1cd018e7f9d2d818e093aeff45da9df4a3d01476","name":"13.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1166638},{"id":"f0ba1b82dcadda7a9c5ab860f2d43c68890b1030b989a1880451c543ace59540151c347f2f907715ff55dc5150b1891ea24aa86494b0fe62a80d7395f7de74ab","href":"https://static.observableusercontent.com/files/f0ba1b82dcadda7a9c5ab860f2d43c68890b1030b989a1880451c543ace59540151c347f2f907715ff55dc5150b1891ea24aa86494b0fe62a80d7395f7de74ab","name":"4.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":623659},{"id":"74069357bb1ce11ff18cf2a779600d5500ed82506b038fb17277184202054ebf3b7497730ebe1ff399833b3a2951e60f359545f4018e300f22b12b308563657d","href":"https://static.observableusercontent.com/files/74069357bb1ce11ff18cf2a779600d5500ed82506b038fb17277184202054ebf3b7497730ebe1ff399833b3a2951e60f359545f4018e300f22b12b308563657d","name":"9a.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":5307934},{"id":"fc5091f085b5068d699050a6723caadcf842c11eeae2d82fc194e8a082399352849d7f9daf7f95368543a0ead7871aba7b200c89ec5dd81fe63a66e3fdc51db9","href":"https://static.observableusercontent.com/files/fc5091f085b5068d699050a6723caadcf842c11eeae2d82fc194e8a082399352849d7f9daf7f95368543a0ead7871aba7b200c89ec5dd81fe63a66e3fdc51db9","name":"5.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2795991},{"id":"4c18f8d8b077e13c93525a79b32b1570bba60332953a1f0ac43a06c09b62c21cb18026bcc80e16afe7dccd7db3c8edde0d86f675089201dc277b0f5e444a1906","href":"https://static.observableusercontent.com/files/4c18f8d8b077e13c93525a79b32b1570bba60332953a1f0ac43a06c09b62c21cb18026bcc80e16afe7dccd7db3c8edde0d86f675089201dc277b0f5e444a1906","name":"8a.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":3034079},{"id":"ce0769540335873aec1e7e66a374a9ae92e83c48e8b549a9a326b2bb08406fe140d3dd31f3ddd3a81625ab99f01fd18bea44ddaeb3d5a8dc6e10536d2883b132","href":"https://static.observableusercontent.com/files/ce0769540335873aec1e7e66a374a9ae92e83c48e8b549a9a326b2bb08406fe140d3dd31f3ddd3a81625ab99f01fd18bea44ddaeb3d5a8dc6e10536d2883b132","name":"8c.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2779465},{"id":"536aaed90fa2b6854a2561c805361117b6adf7fa97dd6cf6a1dc42e9c16b3bf70b115fd4ca918a54c2e6694ce2c335715966f960e82c5df67f4b317de8f68124","href":"https://static.observableusercontent.com/files/536aaed90fa2b6854a2561c805361117b6adf7fa97dd6cf6a1dc42e9c16b3bf70b115fd4ca918a54c2e6694ce2c335715966f960e82c5df67f4b317de8f68124","name":"15a.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2104160},{"id":"0461c9c21fe20a0ffa68515bdfd2a83eb9908ccc9406f7adad84230d0476e3abf9f736640a1648aaf3747ed5d3e9e55d465105b9467fba2317e439b83b65bf76","href":"https://static.observableusercontent.com/files/0461c9c21fe20a0ffa68515bdfd2a83eb9908ccc9406f7adad84230d0476e3abf9f736640a1648aaf3747ed5d3e9e55d465105b9467fba2317e439b83b65bf76","name":"9b.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2352206},{"id":"411774cb0ce11c7fedd5b5fc53f1ab729dcbbb830f7860e89c51b48ad40fd22aed3e9e7f9dbd5f36ce60df73806bace6a89b1b49f7a886358ce80f95d1046ea6","href":"https://static.observableusercontent.com/files/411774cb0ce11c7fedd5b5fc53f1ab729dcbbb830f7860e89c51b48ad40fd22aed3e9e7f9dbd5f36ce60df73806bace6a89b1b49f7a886358ce80f95d1046ea6","name":"16d.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2243336},{"id":"4f77a6e68388ea67f4234ef41d4f45f3c4cf324fd249928eff6f89fe35ba96034bd6cc046f169541a6bdff0e822a4cb991741dd85ebc4bbfdc52d687cbe882e2","href":"https://static.observableusercontent.com/files/4f77a6e68388ea67f4234ef41d4f45f3c4cf324fd249928eff6f89fe35ba96034bd6cc046f169541a6bdff0e822a4cb991741dd85ebc4bbfdc52d687cbe882e2","name":"10.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":2049946},{"id":"529543faa4513369ed8cd8d810ea908a08b06f87e007ac990e0c68751207693d3625ca515f908910ce38d0cafd955c01110f80302c5d1ab9af7f401c2e1ebe59","href":"https://static.observableusercontent.com/files/529543faa4513369ed8cd8d810ea908a08b06f87e007ac990e0c68751207693d3625ca515f908910ce38d0cafd955c01110f80302c5d1ab9af7f401c2e1ebe59","name":"16a.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1790378},{"id":"de6db812f7ade5810b42ecbdc4338909fee4c4f7fdd3174d3cffa011d0565ff7e2b0b4d57333308f20e45089925b289d577bff42f39c186f2e4d8d273f7d8ab6","href":"https://static.observableusercontent.com/files/de6db812f7ade5810b42ecbdc4338909fee4c4f7fdd3174d3cffa011d0565ff7e2b0b4d57333308f20e45089925b289d577bff42f39c186f2e4d8d273f7d8ab6","name":"15b.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1563008},{"id":"66141be0f11dfb8d3f9addd477c5cc015d788d0bdb272cdd97ebb855d16f0eb8948b0af36ca39b02c8a758e77733773bd3c9f01abe0ee89435d5b6c71da03d59","href":"https://static.observableusercontent.com/files/66141be0f11dfb8d3f9addd477c5cc015d788d0bdb272cdd97ebb855d16f0eb8948b0af36ca39b02c8a758e77733773bd3c9f01abe0ee89435d5b6c71da03d59","name":"8d.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":1261640},{"id":"ebac013371a8f848b10b4c26b847c411102c69eb7ca727811b25cb1d306cd021c374e0e243799e76072c22b50777436aa0c4761c2300aac0f20b7258b9bcbf55","href":"https://static.observableusercontent.com/files/ebac013371a8f848b10b4c26b847c411102c69eb7ca727811b25cb1d306cd021c374e0e243799e76072c22b50777436aa0c4761c2300aac0f20b7258b9bcbf55","name":"7.m4a","type":"audio/x-m4a","lastModified":1680529490121.322,"size":426121}] 43:{"id":"a86163b0fef90812","slug":null,"title":"A Tour of Observable (Presentation)","thumbnail":"5d2b784b1bb44de4f94079a3d23ba4bacfb3fbcb3e249e808ce93b911b157e23","access_level":"public","create_time":"$D2023-04-03T13:44:50.121Z","update_time":"$D2023-04-03T15:51:34.611Z","view_time":null,"first_public_time":"$D2023-04-03T13:44:50.121Z","has_unpublished_edits":null,"fork":{"id":"18c81b2adae8b6f2","slug":"observable-tour","title":"A Tour of Observable (Presentation)","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e62005de5d789edf","login":"shadet9","name":"shadet","avatar_url":"https://avatars-next.observableusercontent.com/6650c24c8c254df8427c2a2bf9acee2795fd040763dabb4714d853080f67f393","tier":"starter_2024","bio":"","following":false},"version":1168,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e706e30b0cd2aabb","login":"shadet9","name":"shadet","avatar_url":"https://avatars-next.observableusercontent.com/6650c24c8c254df8427c2a2bf9acee2795fd040763dabb4714d853080f67f393","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"e706e30b0cd2aabb","login":"shadet9","name":"shadet","avatar_url":"https://avatars-next.observableusercontent.com/6650c24c8c254df8427c2a2bf9acee2795fd040763dabb4714d853080f67f393","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"A Tour of Observable (Presentation)","cells":[{"id":0,"value":"md`\n# A Tour of Observable (Presentation)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1040,"value":"viewof loadAudio = Toggle({ label: \"Load audio? (40MB)\", value: false })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1067,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"titleslide = slide.html`

About me

\n[source]\nbetter knowledge tooling\n

\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":689,"value":"html`

\n \n

It's cool

\n \n \n ${tweet('1358465628961705986')}\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"html`\n

Founder CEO Melody Meckfessel

Ex-Vice President of Eng @ Google\n

Founder Mike Bostock

Creator of Data Driven Documents: D3
New York Times' \"Digital Superstar\"\n
\"Building a better computational medium.\"\n

\n[source]\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":758,"value":"slide.htmldark(`\n

\"Computers are a bicycle for our minds\" -- Steve Jobs

\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"slide.htmldark`\n

Observable Notebooks are

Interactive Documents\n
Reactive Javascript\n
Integrated development environments\n
Hosted\n
ES6 Modules\n
Social\n
Forkable\n
Embeddable\n

\nA better way to explain, code, share, discuss and collaborate\n

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"slide.htmldark(`\n

\"Literate programming ... makes programs more robust, more portable, more easily maintained, and arguably more fun to write\" -- D. Knuth\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"slide.htmldark(html`

Ricky Reusser

Contour plots

link\n `.outerHTML)\n\n// We use Ricky's presentation to show the code, and interaction sliders and markdown (the image is a link)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":785,"value":"slide.htmldark(`
\n
Why it's unique
\n
Compared to Jupyter or repl.it\n
It's native web running locally in browser (incl. debugger)
\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"slide`And it’s reactive!\n\n${new Date(now).toLocaleString()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":868,"value":"slide.htmldark`
\n
community
\n
\n
\n
Journalists, data practitioners, generative artists, designers, creators and developers
\n
forum
\n
Notebook comments
\n
One click forking
\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":853,"value":"slide.htmldark`
\n
Mission Driven
\n
\n Observable is committed to helping and contributing to social justice and equality.\n
\n
Black History Month DataViz contest
\n
Pride Month and LGBTQIA+ Equality activities
\n
Black In DataViz Meetup
\n
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"slide.htmldark`
\n
Famous #dataviz
\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":890,"value":"slide.iframe`https://effortless-dieffenbachia-915759.netlify.app/`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":904,"value":"slide.htmldark`
\n
Helping everyone make sense of the world with data.
\n Melody Meckfessel (CEO)\n
\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"slide.html`
\n
It can even...
\n
\n
Presentations :)
\n
Creative coding
\n
Software-as-a-service
\n
Functions-as-a-service (👶)
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":955,"value":"slide.html`
\n
Lessons
\n
\n
Fast development loops > type system
\n
Keeping data constant but modifying program can offload mental visualization (Kirigami)
\n
Documentation inline with code is better in all situations
\n
\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"slide.img`https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"slide.end('this ends the presentation')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"hl = require(\"@observablehq/highlight.js@1.0.0/highlight.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1031,"value":"audioContext = {\n webaudioPolyfill;\n return new AudioContext();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"import {html} from '@observablehq/htl'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"import {tweet} from \"@mbostock/tweet\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1034,"value":"import { sample, webaudioPolyfill } from '@tomlarkworthy/audio-inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1095,"value":"import { Toggle } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"import { footer } from \"@endpointservices/footer\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1161,"value":"footer","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 44:"$43:body"