Public
Edited
Mar 2, 2023
Insert cell
Insert cell
x = 2
Insert cell
y = 8
Insert cell
x+y
Insert cell
Insert cell
function add2(a,b) {
return a + b;
}
Insert cell
add2(100,300)
Insert cell
san_diego_stops = fetch(
"https://s3.amazonaws.com/working-with-data.recoveredfactory.net/stops_2022.json"
).then((response) => response.json())
Insert cell
data = aq.from(san_diego_stops)
Insert cell
sample5 = data.sample(5)
Insert cell
Inputs.table(sample5)
Insert cell
viewof showAnother = Inputs.button("show me another")
Insert cell
The button has been clicked ${showAnother}times.
Insert cell
data1 = penguins
Insert cell
data1
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
color:{
legend:true,
},
caption:"penguin length",
marks:[
Plot.dot(penguins,{x:"culmen_length_mm",y:"culmen_depth_mm",fill:"species"})
]
})
Insert cell
Plot.plot({
color:{
legend:true,
},
caption:"penguin length",
marks:[
Plot.auto(penguins,{x:"species",y:"culmen_depth_mm",fill:"species"})
]
})
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