41:null 42:["$","title",null,{"children":"Observable 101 | Andrea Mignone | Observable"}] 48:Td16,slides = { var dom = html`

`; var shadow = dom.shadowRoot || dom.attachShadow({ mode: "open" }); var reveal = html`

Ciao

👋

🚀 🚀 🚀

OBSERVABLE

...e che cosa sarebbe?

🤌

Una piattaforma in cui possiamo interagire con:

Dati

Codice

Visualizzazioni

LIVE!

basta un browser

(ed una connessione ad internet)

Quando dico LIVE, intendo:

LIVE!

👇

${knob({ value: 10, size: 500 })}

🗄

📊

🕹

Agenda

Observable in breve (o quasi) 👀
Facciamo cose 👩‍💻 🧑‍💻 🦄

`; shadow.appendChild(reveal); var deck = new Reveal(reveal, { //embedded: true }); deck.initialize(); return dom; }49:[{"id":"0d049e2cd469ee45c7db170b529cd99cbc46aed849fb88ee45832a9936839089a94b35fd6811e0b79521b8f5e1a14f4022df505d0fe962c7dbbf6153bbe3edfc","href":"https://static.observableusercontent.com/files/0d049e2cd469ee45c7db170b529cd99cbc46aed849fb88ee45832a9936839089a94b35fd6811e0b79521b8f5e1a14f4022df505d0fe962c7dbbf6153bbe3edfc","name":"ondata_logo.png","type":"image/png","lastModified":1651842348200.75,"size":10286},{"id":"ad067668013938acac586183599fab129c80a6d9b62119db04b49a2de70bd36b2f7a25cf43470d55fba78ad9ddbe8865d77a04e32b173a302b588704f741112e","href":"https://static.observableusercontent.com/files/ad067668013938acac586183599fab129c80a6d9b62119db04b49a2de70bd36b2f7a25cf43470d55fba78ad9ddbe8865d77a04e32b173a302b588704f741112e","name":"logo_opendatasicilia_esagonale_marginato.png","type":"image/png","lastModified":1648737783072.241,"size":71740}] 46:{"id":"caf30774c4ea1a53","slug":"observable-101","title":"Observable 101","thumbnail":"238e2ff24a384dcc0cff15c98318f68464a7105fd3e598fa34388cdc92bf4e3a","access_level":"public","create_time":"$D2022-03-31T13:11:44.860Z","update_time":"$D2022-06-03T09:08:10.192Z","view_time":null,"first_public_time":"$D2022-05-17T13:59:52.479Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"88f99d18d1aef515","login":"floatingpurr","name":"Andrea Mignone","avatar_url":"https://avatars-next.observableusercontent.com/3a51be34742b049fe39505055151eccd7f613bd00b2547203960fe5684ed9bab","tier":"starter_2024","bio":"🤌 📐✏️ 📊 Data artisan ~ ^..^ ~ 👉 imandrea.me","following":false},"version":613,"publish_version":613,"role":null,"authored":false,"authors":[{"type":"individual","id":"820f3b923b10f6c4","login":"floatingpurr","name":"Andrea Mignone","avatar_url":"https://avatars-next.observableusercontent.com/3a51be34742b049fe39505055151eccd7f613bd00b2547203960fe5684ed9bab","tier":null,"bio":"🤌 📐✏️ 📊 Data artisan ~ ^..^ ~ 👉 imandrea.me","following":false}],"members":[{"type":"individual","id":"820f3b923b10f6c4","login":"floatingpurr","name":"Andrea Mignone","avatar_url":"https://avatars-next.observableusercontent.com/3a51be34742b049fe39505055151eccd7f613bd00b2547203960fe5684ed9bab","tier":null,"role":"editor"},{"type":"individual","id":"29cc64fdabaa8a07","login":"floatingpurr-demo","name":"Andrea Mignone (demo account)","avatar_url":"https://avatars-next.observableusercontent.com/c53b4e6c34435e13ca0d5d70f2c68900dcdf68707af50b8ecc5bc8abc27fbd3d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"3f06447db5d918a3","slug":"observable-101","title":"Observable 101 🤌","owner":{"id":"88f99d18d1aef515","login":"floatingpurr","name":"Andrea Mignone"}},"type":"notebook","body":{"titling":"auto","title":"Observable 101","cells":[{"id":0,"value":"# Observable 101\n\nUn'introduzione amichevole ad **Observable**, _in Observable_ 🙂\n\n## Il video del Webinar","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":571,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":582,"value":"## Materiale del corso\n\nClicca sul bottone \\*${svg``} Observable 101 🤌\\* all'inizio del notebook per esplorare tutto il materiale del corso.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"image","database":"$undefined"},{"id":575,"value":"## Iniziamo!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"fullscreen = {\n const button = html``;\n button.onclick = () => slides.parentElement.requestFullscreen();\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":567,"value":"> 👉 Observable è uno strumento estremamente flessibile, orientato ai dati e alla data viz. **Zero setup**. Bastano un browser ed una connessione ad Internet.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":610,"value":"Prossima lezione","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":443,"value":"### Referenze\n\n* 📚 [**Observable 101**: il package di questo corso](https://observablehq.com/collection/@floatingpurr/observable-101)\n* 🔥 [Trending notebooks](https://observablehq.com/trending)\n* 🧑‍🏫 [Tutorial ufficiali di Observable](https://observablehq.com/tutorials)\n* 👨‍💻 [Chi sono?](https://imandrea.me)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":436,"value":"### Notebook citati\n\n* [Simple clock](https://observablehq.com/@d3/simple-clock)\n* [Knob input](https://observablehq.com/@toja/knob-input)\n* [Input table](https://observablehq.com/@observablehq/input-table)\n* [Brushable scatterplot matrix](https://observablehq.com/@d3/brushable-scatterplot-matrix)\n* [Breakout!](https://observablehq.com/@jashkenas/breakout)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":484,"value":"ℹ️ [Learning Observable](https://observablehq.com/@observablehq/notebooks-cells?collection=@observablehq/learning-observable) e [Observable pour les M2 Carthagéo](https://observablehq.com/@neocartocnrs/carthageo2022): altri corsi su Observable (da cui ho preso spunto).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":427,"value":"### Appendice","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":360,"value":"import { knob } from \"@toja/knob-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"Reveal = require(\"reveal.js@4.3.1/dist/reveal.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 47:"$46:body"

Ciao

👋

🚀 🚀 🚀

OBSERVABLE

...e che cosa sarebbe?

🤌

Una piattaforma in cui possiamo interagire con:

Dati Codice Visualizzazioni

LIVE!

basta un browser

(ed una connessione ad internet)

👇

🗄

📊

🕹

Agenda

Dati

Codice

Visualizzazioni