30: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; }31:[{"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}] 2e:{"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"},{"id":571,"value":"","pinned":false,"hidden":false,"mode":"html"},{"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"},{"id":575,"value":"## Iniziamo!","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"fullscreen = {\n const button = html``;\n button.onclick = () => slides.parentElement.requestFullscreen();\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":610,"value":"Prossima lezione","pinned":false,"hidden":false,"mode":"html"},{"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"},{"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"},{"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"},{"id":427,"value":"### Appendice","pinned":false,"hidden":false,"mode":"md"},{"id":360,"value":"import { knob } from \"@toja/knob-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"Reveal = require(\"reveal.js@4.3.1/dist/reveal.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}

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