Published
Edited
Jun 3, 2022
1 star
Insert cell
Insert cell
// Una cella può contenere una qualsiasi espressione JS valida
1 + 1
Insert cell
// per esempio un'espressione che si risolve in un booleano
4 > 3
Insert cell
// possiamo associare alla cella un nome e mettere codice JS dopo l'uguale
foo = 1 + 1
Insert cell
// il nome della cella deve essere univoco nel notebook
baz = 1
Insert cell
// il nome della cella deve essere univoco nel notebook, l'ho già scritto vero? 🙃
baz = 2
Insert cell
// Il nome della cella non è un'assegnazione ad un variabile JS. Si tratta di una referenza ad una cella
const fooBar = 1 + 1
Insert cell
// una cella può anche contenere una funzione
add = function (a, b) {
return a + b;
}
Insert cell
// ...che possiamo poi riusare
add(1, 1)
Insert cell
// Possiamo creare un blocco di codice JS tra `{ }`
{
// queste variabili sono locali
const a = 1;
const b = 1;
const c = add(a, b); // riusiamo `add` anche qui
}
Insert cell
// ... volendo, possiamo ritornare un valore alla cella
{
const a = 1;
const b = 1;
return add(a, b);
}
Insert cell
// ... e darle un nome
myAdd = {
const a = 1;
const b = 1;
return add(a, b);
}
Insert cell
// ... per poi riusarla
md`La cella **myAdd** vale **${myAdd}**`
Insert cell
// Posso anche creare degli oggetti. Per evitare confusione con i blocchi di codice, vanno inseriti in parentesi tonde `( )`. In JS, non ce ne sarebbe stato bisogno. Ma questo è Observable, un cugino di JavaScript che ha le sue particolarità
myObj = ({ name: "Foo", value: 1 })
Insert cell
Insert cell
// ecco il nostro import 🎁
chartjs = import("https://unpkg.com/chart.js@3.7.1/dist/chart.esm.js?module")
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more