Hey, sono solo un esempio!

41:null 42:["$","title",null,{"children":"Ciao, sono un Notebook! | Andrea Mignone | Observable"}] 48:[] 46:{"id":"f2882eab1d020433","slug":"observable-101-notebook","title":"Ciao, sono un Notebook!","thumbnail":"b370d43d5c330553b12984defc088921f407b37c1abd8688314a90e774274589","access_level":"public","create_time":"$D2022-04-01T09:55:42.156Z","update_time":"$D2022-06-03T09:09:02.255Z","view_time":null,"first_public_time":"$D2022-05-17T14:00:11.405Z","has_unpublished_edits":null,"fork":false,"stars":0,"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":503,"publish_version":503,"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":0,"collection":{"id":"3f06447db5d918a3","slug":"observable-101","title":"Observable 101 🤌","owner":{"id":"88f99d18d1aef515","login":"floatingpurr","name":"Andrea Mignone"}},"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"helloJS = 1 + 1 // Ciao, sono una cella di tipo JavaScript!","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"

Ciao, sono un cella HTML

\n\nWhoooo! Back to the 90s 💃🕺 ","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":150,"value":"md`Ma non solo, c'è anche ${tex`\\TeX`}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":190,"value":"## Creiamo una cella: (**+**)\n\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":365,"value":"## Modificare un notebook\n\nPer esempio annotiamoci queste coordinate geografiche:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":361,"value":"[e vediamo...](https://observablehq.com/@mbostock/hello-leaflet)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":502,"value":"Prossima lezione","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":425,"value":"### Referenze\n\n* [A taste of Observable](https://observablehq.com/@observablehq/a-taste-of-observable)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":431,"value":"### Notebook citati\n\n* [Hello, Leaflet](https://observablehq.com/@mbostock/hello-leaflet)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 47:"$46:body"