Hey, sono solo un esempio!

31:[] 2f:{"title":"Ciao, sono un Notebook!","cells":[{"id":0,"value":"# Ciao, sono un Notebook!\n\nObservable 💙 è un ecosistema che permette di creare progetti basati su:\n* dati\n* codice (JavaScript_-ish_ / HTML / SVG / CSS / Markdown / ...)\n* visualizzazioni 🔥🔥🔥\n\nSi tratta di un piattaforma fortemente orientata alla **visualizzazione dei dati** (ma non esclusivamente!)\n\nL'unità operativa fondamentale è il **notebook**. E' uno spazio in cui possiamo creare e mixare i nostri magnifici contenuti 🦄 da condividere col mondo 🌍, o semplicemente con il nostro team 👩‍💼 🧑‍🔬 👩‍🎨\n\n> 👉 _I **notebook** sono la componente principale di Observable._","pinned":false,"hidden":false,"mode":"md"},{"id":38,"value":"## Anatomia di un notebook\n\nCome si costruisce un notebook? Creando le sue **celle**! \n\n> 👉 _Un **notebook** è una collezione di **celle** che ospita i nostri contenuti_\n\n> 👉 _Le **celle** sono gli oggetti atomici con cui possiamo interagire!_","pinned":false,"hidden":false,"mode":"md"},{"id":60,"value":"Questa è una cella di tipo [Markdown](https://it.wikipedia.org/wiki/Markdown). Possiamo *formattare* il **testo** come più ci ~~pare e~~ piace. L'area con lo sfondo sfumato serve ad editare una cella. In questo caso l'area di edit è fissata con l'icona ${svg``}, in modo che possa essere immediatamente visibile","pinned":true,"hidden":false,"mode":"md"},{"id":103,"value":"helloJS = 1 + 1 // Ciao, sono una cella di tipo JavaScript!","pinned":false,"hidden":false,"mode":"ojs"},{"id":117,"value":"

Ciao, sono un cella HTML

\n\nWhoooo! Back to the 90s 💃🕺 ","pinned":false,"hidden":false,"mode":"html"},{"id":150,"value":"md`Ma non solo, c'è anche ${tex`\\TeX`}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"tex.block`\\begin{aligned}\n\\int f(x) \\, dx &= F(X) + c \\\\\n\\int e^{x} \\, dx &= e^x +c \\\\\n\\int a \\, dx &= ax +c \\\\\n&\\;\\;\\vdots \\\\\nx &= {{-b \\pm \\sqrt{b^2 - 4ac}} \\over 2a}\n\n\\end{aligned}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"> 👉 _I contenuti di una cella possono essere di varia natura:_\n> * _JavaScript (default)_\n> * _Markdown_\n> * _HTML_\n> * ${tex`\\TeX`}\n> * _SQL_","pinned":false,"hidden":false,"mode":"md"},{"id":190,"value":"## Creiamo una cella: (**+**)\n\n

","pinned":false,"hidden":false,"mode":"md"},{"id":365,"value":"## Modificare un notebook\n\nPer esempio annotiamoci queste coordinate geografiche:","pinned":false,"hidden":false,"mode":"md"},{"id":283,"value":"{\n const data = \"38.12524328111189, 13.356711336872015\";\n const form = htl.html`

📍 `;\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":361,"value":"[e vediamo...](https://observablehq.com/@mbostock/hello-leaflet)","pinned":false,"hidden":false,"mode":"md"},{"id":262,"value":"> 👉 Possiamo modificare ogni notebook (anche se non è nostro!)\n\n> 👉 Per salvare i nostri notebook dobbiamo creare un [account Observable](https://observablehq.com/@observablehq/signing-on?collection=@observablehq/getting-started) (è gratis!)\n\n> 👉 Possiamo usare notebook esistenti come base di partenza o fare **fork** o **import** di celle","pinned":false,"hidden":false,"mode":"md"},{"id":502,"value":"Prossima lezione","pinned":false,"hidden":false,"mode":"html"},{"id":425,"value":"### Referenze\n\n* [A taste of Observable](https://observablehq.com/@observablehq/a-taste-of-observable)","pinned":false,"hidden":false,"mode":"md"},{"id":431,"value":"### Notebook citati\n\n* [Hello, Leaflet](https://observablehq.com/@mbostock/hello-leaflet)","pinned":false,"hidden":false,"mode":"md"}],"files":"$W31","stdlib":"1","titling":"auto"}